@dafaz-ui/react 2.2.0 → 2.2.2

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.
@@ -1,5 +1,5 @@
1
1
 
2
- > @dafaz-ui/react@2.2.0 build
2
+ > @dafaz-ui/react@2.2.2 build
3
3
  > tsup src/index.tsx --format esm,cjs --dts --external react
4
4
 
5
5
  CLI Building entry: src/index.tsx
@@ -8,11 +8,11 @@
8
8
  CLI Target: es6
9
9
  ESM Build start
10
10
  CJS Build start
11
- ESM dist/index.mjs 9.44 KB
12
- ESM ⚡️ Build success in 33ms
13
- CJS dist/index.js 10.88 KB
14
- CJS ⚡️ Build success in 34ms
11
+ CJS dist/index.js 10.93 KB
12
+ CJS ⚡️ Build success in 30ms
13
+ ESM dist/index.mjs 9.49 KB
14
+ ESM ⚡️ Build success in 30ms
15
15
  DTS Build start
16
- DTS ⚡️ Build success in 2956ms
16
+ DTS ⚡️ Build success in 3351ms
17
17
  DTS dist/index.d.mts 81.10 KB
18
18
  DTS dist/index.d.ts 81.10 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @dafaz-ui/react
2
2
 
3
+ ## 2.2.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Fix TextInput
8
+
9
+ ## 2.2.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Fix TextInput shadow
14
+
3
15
  ## 2.2.0
4
16
 
5
17
  ### Minor Changes
package/dist/index.js CHANGED
@@ -388,7 +388,7 @@ var InputContainer = styled("div", {
388
388
  boxSizing: "border-box",
389
389
  display: "flex",
390
390
  alignItems: "baseline",
391
- padding: "$1 $2",
391
+ width: "100%",
392
392
  transition: "border 0.2s linear",
393
393
  "&:has(input:focus)": {
394
394
  borderBottom: "2px solid $dafaz400"
@@ -400,7 +400,7 @@ var InputContainer = styled("div", {
400
400
  variants: {
401
401
  withShadow: {
402
402
  true: {
403
- boxShadow: "inset 0 2.5rem #444"
403
+ boxShadow: "inset 0 3rem #444"
404
404
  }
405
405
  }
406
406
  },
@@ -415,6 +415,8 @@ var InputUI = styled("input", {
415
415
  color: "$white",
416
416
  backgroundColor: "transparent",
417
417
  border: "none",
418
+ width: "100%",
419
+ padding: "$1 $2",
418
420
  "&::-ms-reveal": {
419
421
  filter: "invert(100%)"
420
422
  },
@@ -432,6 +434,7 @@ var Sufix = styled("span", {
432
434
  fontSize: "$sm",
433
435
  color: "$white",
434
436
  fontStyle: "italic",
437
+ marginRight: "$2",
435
438
  "&:has(input:focus)": {
436
439
  visibility: "hidden"
437
440
  }
package/dist/index.mjs CHANGED
@@ -356,7 +356,7 @@ var InputContainer = styled("div", {
356
356
  boxSizing: "border-box",
357
357
  display: "flex",
358
358
  alignItems: "baseline",
359
- padding: "$1 $2",
359
+ width: "100%",
360
360
  transition: "border 0.2s linear",
361
361
  "&:has(input:focus)": {
362
362
  borderBottom: "2px solid $dafaz400"
@@ -368,7 +368,7 @@ var InputContainer = styled("div", {
368
368
  variants: {
369
369
  withShadow: {
370
370
  true: {
371
- boxShadow: "inset 0 2.5rem #444"
371
+ boxShadow: "inset 0 3rem #444"
372
372
  }
373
373
  }
374
374
  },
@@ -383,6 +383,8 @@ var InputUI = styled("input", {
383
383
  color: "$white",
384
384
  backgroundColor: "transparent",
385
385
  border: "none",
386
+ width: "100%",
387
+ padding: "$1 $2",
386
388
  "&::-ms-reveal": {
387
389
  filter: "invert(100%)"
388
390
  },
@@ -400,6 +402,7 @@ var Sufix = styled("span", {
400
402
  fontSize: "$sm",
401
403
  color: "$white",
402
404
  fontStyle: "italic",
405
+ marginRight: "$2",
403
406
  "&:has(input:focus)": {
404
407
  visibility: "hidden"
405
408
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dafaz-ui/react",
3
- "version": "2.2.0",
3
+ "version": "2.2.2",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -8,7 +8,7 @@ export const InputContainer = styled('div', {
8
8
  boxSizing: 'border-box',
9
9
  display: 'flex',
10
10
  alignItems: 'baseline',
11
- padding: '$1 $2',
11
+ width: '100%',
12
12
 
13
13
  transition: 'border 0.2s linear',
14
14
 
@@ -24,7 +24,7 @@ export const InputContainer = styled('div', {
24
24
  variants: {
25
25
  withShadow: {
26
26
  true: {
27
- boxShadow: 'inset 0 2.5rem #444',
27
+ boxShadow: 'inset 0 3rem #444',
28
28
  },
29
29
  },
30
30
  },
@@ -40,6 +40,8 @@ export const InputUI = styled('input', {
40
40
  color: '$white',
41
41
  backgroundColor: 'transparent',
42
42
  border: 'none',
43
+ width: '100%',
44
+ padding: '$1 $2',
43
45
 
44
46
  '&::-ms-reveal': {
45
47
  filter: 'invert(100%)',
@@ -61,6 +63,7 @@ export const Sufix = styled('span', {
61
63
  fontSize: '$sm',
62
64
  color: '$white',
63
65
  fontStyle: 'italic',
66
+ marginRight: '$2',
64
67
 
65
68
  '&:has(input:focus)': {
66
69
  visibility: 'hidden',