elseware-ui 3.0.8 → 3.0.10

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.
@@ -599,9 +599,22 @@ function Checkbox(checkboxProps) {
599
599
  ] });
600
600
  }
601
601
 
602
+ // src/data/styles/shared.styles.tsx
603
+ var inputShapes = shapes;
604
+ var inputInlineInsetPx = 12;
605
+ var inputInlineInsetClassName = "left-3";
606
+ var inputInlinePaddingXClassName = "px-3";
607
+ var inputRootClassName = "relative w-full";
608
+ var inputFrameClassName = `relative h-14 w-full overflow-hidden border bg-white/95 ${inputInlinePaddingXClassName} dark:bg-eui-primary-300/10`;
609
+ var inputFrameIdleClassName = "border-gray-300 hover:border-gray-400 dark:border-eui-dark-300 dark:hover:border-eui-dark-200";
610
+ var inputFrameActiveClassName = "border-eui-secondary-600";
611
+ var inputFrameErrorClassName = "border-eui-danger-500";
612
+ var inputFrameDisabledClassName = "cursor-not-allowed opacity-60";
613
+ var inputControlClassName = "w-full bg-transparent pt-5 pb-2 text-base font-normal text-gray-950 dark:text-gray-300";
614
+
602
615
  // src/components/data-entry/input/input-label/base/InputLabel.styles.ts
603
616
  var inputLabelStaticClassName = "pointer-events-none select-none px-0 text-[13.5px] leading-none text-[#6B7280]";
604
- var inputLabelBaseClassName = "pointer-events-none absolute left-3 z-10 select-none bg-white/95 px-1 font-medium leading-none dark:bg-transparent";
617
+ var inputLabelBaseClassName = `pointer-events-none absolute ${inputInlineInsetClassName} z-10 select-none bg-transparent px-0 font-medium leading-none`;
605
618
  var inputLabelErrorClassName = "text-[#6B7280]";
606
619
  var inputLabelDisabledClassName = "opacity-60";
607
620
  var nativeInputLabelColors = {
@@ -609,7 +622,7 @@ var nativeInputLabelColors = {
609
622
  disabled: "#9CA3AF"
610
623
  };
611
624
  var nativeInputLabelStyle = {
612
- left: 12,
625
+ left: inputInlineInsetPx,
613
626
  position: "absolute",
614
627
  zIndex: 10
615
628
  };
@@ -687,7 +700,7 @@ function InputLabel({
687
700
  }
688
701
 
689
702
  // src/components/data-entry/input/input-response/base/InputResponse.styles.ts
690
- var inputResponseBaseClassName = "px-2 pt-1.5 text-sm font-medium";
703
+ var inputResponseBaseClassName = `${inputInlinePaddingXClassName} pt-1.5 text-sm font-medium`;
691
704
  var inputResponseVariants = textVariants;
692
705
  function InputResponse({
693
706
  name,
@@ -742,16 +755,6 @@ function InputResponse({
742
755
  ) });
743
756
  }
744
757
 
745
- // src/data/styles/shared.styles.tsx
746
- var inputShapes = shapes;
747
- var inputRootClassName = "relative w-full";
748
- var inputFrameClassName = "relative h-14 w-full overflow-hidden border bg-white/95 px-3 dark:bg-eui-primary-300/10";
749
- var inputFrameIdleClassName = "border-gray-300 hover:border-gray-400 dark:border-eui-dark-300 dark:hover:border-eui-dark-200";
750
- var inputFrameActiveClassName = "border-eui-secondary-600";
751
- var inputFrameErrorClassName = "border-eui-danger-500";
752
- var inputFrameDisabledClassName = "cursor-not-allowed opacity-60";
753
- var inputControlClassName = "w-full bg-transparent pt-5 pb-2 text-base font-medium text-gray-950 dark:text-gray-50";
754
-
755
758
  // src/components/data-entry/input/input/native/Input.native.styles.ts
756
759
  var nativeInputControlClassName = "h-full";
757
760
  var nativePasswordInputClassName = "pr-16";