@dafaz-ui/react 2.2.0 → 2.2.2

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @dafaz-ui/react@2.2.0 build
+> @dafaz-ui/react@2.2.2 build
 > tsup src/index.tsx --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist/index.mjs 9.44 KB
-ESM ⚡️ Build success in 33ms
-CJS dist/index.js 10.88 KB
-CJS ⚡️ Build success in 34ms
+CJS dist/index.js 10.93 KB
+CJS ⚡️ Build success in 30ms
+ESM dist/index.mjs 9.49 KB
+ESM ⚡️ Build success in 30ms
 DTS Build start
-DTS ⚡️ Build success in 2956ms
+DTS ⚡️ Build success in 3351ms
 DTS dist/index.d.mts 81.10 KB
 DTS dist/index.d.ts  81.10 KB

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @dafaz-ui/react
 
+## 2.2.2
+
+### Patch Changes
+
+- Fix TextInput
+
+## 2.2.1
+
+### Patch Changes
+
+- Fix TextInput shadow
+
 ## 2.2.0
 
 ### Minor Changes

package/dist/index.js

@@ -388,7 +388,7 @@ var InputContainer = styled("div", {
   boxSizing: "border-box",
   display: "flex",
   alignItems: "baseline",
-  padding: "$1 $2",
+  width: "100%",
   transition: "border 0.2s linear",
   "&:has(input:focus)": {
     borderBottom: "2px solid $dafaz400"
@@ -400,7 +400,7 @@ var InputContainer = styled("div", {
   variants: {
     withShadow: {
       true: {
-        boxShadow: "inset 0 2.5rem #444"
+        boxShadow: "inset 0 3rem #444"
       }
     }
   },
@@ -415,6 +415,8 @@ var InputUI = styled("input", {
   color: "$white",
   backgroundColor: "transparent",
   border: "none",
+  width: "100%",
+  padding: "$1 $2",
   "&::-ms-reveal": {
     filter: "invert(100%)"
   },
@@ -432,6 +434,7 @@ var Sufix = styled("span", {
   fontSize: "$sm",
   color: "$white",
   fontStyle: "italic",
+  marginRight: "$2",
   "&:has(input:focus)": {
     visibility: "hidden"
   }

package/dist/index.mjs

@@ -356,7 +356,7 @@ var InputContainer = styled("div", {
   boxSizing: "border-box",
   display: "flex",
   alignItems: "baseline",
-  padding: "$1 $2",
+  width: "100%",
   transition: "border 0.2s linear",
   "&:has(input:focus)": {
     borderBottom: "2px solid $dafaz400"
@@ -368,7 +368,7 @@ var InputContainer = styled("div", {
   variants: {
     withShadow: {
       true: {
-        boxShadow: "inset 0 2.5rem #444"
+        boxShadow: "inset 0 3rem #444"
       }
     }
   },
@@ -383,6 +383,8 @@ var InputUI = styled("input", {
   color: "$white",
   backgroundColor: "transparent",
   border: "none",
+  width: "100%",
+  padding: "$1 $2",
   "&::-ms-reveal": {
     filter: "invert(100%)"
   },
@@ -400,6 +402,7 @@ var Sufix = styled("span", {
   fontSize: "$sm",
   color: "$white",
   fontStyle: "italic",
+  marginRight: "$2",
   "&:has(input:focus)": {
     visibility: "hidden"
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dafaz-ui/react",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

package/src/components/TextInput/styles.ts

@@ -8,7 +8,7 @@ export const InputContainer = styled('div', {
   boxSizing: 'border-box',
   display: 'flex',
   alignItems: 'baseline',
-  padding: '$1 $2',
+  width: '100%',
 
   transition: 'border 0.2s linear',
 
@@ -24,7 +24,7 @@ export const InputContainer = styled('div', {
   variants: {
     withShadow: {
       true: {
-        boxShadow: 'inset 0 2.5rem #444',
+        boxShadow: 'inset 0 3rem #444',
       },
     },
   },
@@ -40,6 +40,8 @@ export const InputUI = styled('input', {
   color: '$white',
   backgroundColor: 'transparent',
   border: 'none',
+  width: '100%',
+  padding: '$1 $2',
 
   '&::-ms-reveal': {
     filter: 'invert(100%)',
@@ -61,6 +63,7 @@ export const Sufix = styled('span', {
   fontSize: '$sm',
   color: '$white',
   fontStyle: 'italic',
+  marginRight: '$2',
 
   '&:has(input:focus)': {
     visibility: 'hidden',