elseware-ui 3.0.8 → 3.0.9

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