@aziziaziz/react-components 1.0.3 → 1.0.5

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.
Files changed (9) hide show
  1. package/dist/{Dropdown-VC55KPC2.css → Dropdown-GO5C4VWS.css} +4 -3
  2. package/dist/{Input-6MS2FZGM.css → Input-SUIS6E3C.css} +4 -2
  3. package/dist/index.d.mts +1 -1
  4. package/dist/index.d.ts +1 -1
  5. package/dist/index.js +2 -2
  6. package/dist/index.mjs +2 -2
  7. package/package.json +4 -2
  8. package/src/components/dropdown/Dropdown.css +4 -3
  9. package/src/components/input/Input.css +4 -2
package/dist/{Dropdown-VC55KPC2.css → Dropdown-GO5C4VWS.css} RENAMED
@@ -5,7 +5,7 @@
5
5
  .dropdownContainer {
6
6
  display: flex;
7
7
  flex-direction: column;
8
- gap: 6px;
8
+ gap: 3px;
9
9
  width: 100%;
10
10
  align-items: flex-start;
11
11
  position: relative;
@@ -18,8 +18,6 @@
18
18
  outline: none;
19
19
  border-radius: 8px;
20
20
  transition: var(--transTime);
21
- padding: 10px 15px;
22
- height: 45px;
23
21
  display: grid;
24
22
  align-items: center;
25
23
  grid-template-columns: 1fr auto;
@@ -27,6 +25,9 @@
27
25
  cursor: pointer;
28
26
  transition: var(--transTime);
29
27
  position: relative;
28
+ font-size: 14px;
29
+ padding: 0 10px;
30
+ height: 35px;
30
31
 
31
32
  &.disabled__ {
32
33
  background-color: var(--btn-disabled-bg);
package/dist/{Input-6MS2FZGM.css → Input-SUIS6E3C.css} RENAMED
@@ -1,7 +1,7 @@
1
1
  .inputContainer {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: 6px;
4
+ gap: 3px;
5
5
  width: 100%;
6
6
  align-items: flex-start;
7
7
  }
@@ -17,7 +17,9 @@
17
17
  outline: none;
18
18
  border-radius: 8px;
19
19
  transition: var(--transTime);
20
- padding: 10px 15px;
20
+ font-size: 14px;
21
+ padding: 0 10px;
22
+ height: 35px;
21
23
  }
22
24
  input:focus {
23
25
  box-shadow: 3px 3px 5px -2px rgba(var(--color-text-rgb), 0.5);
package/dist/index.d.mts CHANGED
@@ -195,7 +195,7 @@ interface DropdownOptions {
195
195
  * The underlying value associated with the option.
196
196
  * Can be a primitive or an object, depending on usage.
197
197
  */
198
- value: object | string;
198
+ value: object | string | number;
199
199
  /**
200
200
  * The text label displayed to the user for this option.
201
201
  */
package/dist/index.d.ts CHANGED
@@ -195,7 +195,7 @@ interface DropdownOptions {
195
195
  * The underlying value associated with the option.
196
196
  * Can be a primitive or an object, depending on usage.
197
197
  */
198
- value: object | string;
198
+ value: object | string | number;
199
199
  /**
200
200
  * The text label displayed to the user for this option.
201
201
  */
package/dist/index.js CHANGED
@@ -34,7 +34,7 @@ var import_index = require("./index-2F2GVZE5.css");
34
34
 
35
35
  // src/components/input/Input.tsx
36
36
  var import_react_hook_form = require("react-hook-form");
37
- var import_Input = require("./Input-6MS2FZGM.css");
37
+ var import_Input = require("./Input-SUIS6E3C.css");
38
38
 
39
39
  // src/components/skeletonLoading/SkeletonLoading.tsx
40
40
  var import_SkeletonLoading = require("./SkeletonLoading-UIP5RBIR.css");
@@ -476,7 +476,7 @@ var import_react_hook_form4 = require("react-hook-form");
476
476
  var check_default = 'data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?>%0A<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0A<svg fill="%231A1A1A" version="1.1" baseProfile="basic" id="Layer_1"%0A%09 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72"%0A%09 xml:space="preserve">%0A<path d="M57.658,12.643c1.854,1.201,2.384,3.678,1.183,5.532l-25.915,40c-0.682,1.051-1.815,1.723-3.064,1.814%0A%09C29.764,59.997,29.665,60,29.568,60c-1.146,0-2.241-0.491-3.003-1.358L13.514,43.807c-1.459-1.659-1.298-4.186,0.36-5.646%0A%09c1.662-1.46,4.188-1.296,5.646,0.361l9.563,10.87l23.043-35.567C53.329,11.971,55.806,11.442,57.658,12.643z"/>%0A</svg>';
477
477
 
478
478
  // src/components/dropdown/Dropdown.tsx
479
- var import_Dropdown = require("./Dropdown-VC55KPC2.css");
479
+ var import_Dropdown = require("./Dropdown-GO5C4VWS.css");
480
480
  var import_jsx_runtime8 = require("react/jsx-runtime");
481
481
  var Dropdown = ({
482
482
  id,
package/dist/index.mjs CHANGED
@@ -3,7 +3,7 @@ import "./index-2F2GVZE5.css";
3
3
 
4
4
  // src/components/input/Input.tsx
5
5
  import { useController } from "react-hook-form";
6
- import "./Input-6MS2FZGM.css";
6
+ import "./Input-SUIS6E3C.css";
7
7
 
8
8
  // src/components/skeletonLoading/SkeletonLoading.tsx
9
9
  import "./SkeletonLoading-UIP5RBIR.css";
@@ -455,7 +455,7 @@ import { useController as useController3 } from "react-hook-form";
455
455
  var check_default = 'data:image/svg+xml,<?xml version="1.0" encoding="iso-8859-1"?>%0A<!-- Generator: Adobe Illustrator 25.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->%0A<svg fill="%231A1A1A" version="1.1" baseProfile="basic" id="Layer_1"%0A%09 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 72 72"%0A%09 xml:space="preserve">%0A<path d="M57.658,12.643c1.854,1.201,2.384,3.678,1.183,5.532l-25.915,40c-0.682,1.051-1.815,1.723-3.064,1.814%0A%09C29.764,59.997,29.665,60,29.568,60c-1.146,0-2.241-0.491-3.003-1.358L13.514,43.807c-1.459-1.659-1.298-4.186,0.36-5.646%0A%09c1.662-1.46,4.188-1.296,5.646,0.361l9.563,10.87l23.043-35.567C53.329,11.971,55.806,11.442,57.658,12.643z"/>%0A</svg>';
456
456
 
457
457
  // src/components/dropdown/Dropdown.tsx
458
- import "./Dropdown-VC55KPC2.css";
458
+ import "./Dropdown-GO5C4VWS.css";
459
459
  import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
460
460
  var Dropdown = ({
461
461
  id,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aziziaziz/react-components",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "description": "Reusable React components library",
5
5
  "main": "dist/index.mjs",
6
6
  "module": "dist/index.mjs",
@@ -10,7 +10,8 @@
10
10
  "src/**/**/*.css"
11
11
  ],
12
12
  "scripts": {
13
- "build": "tsup"
13
+ "build": "tsup",
14
+ "relogin": "npm logout && npm login"
14
15
  },
15
16
  "keywords": [
16
17
  "react",
@@ -32,3 +33,4 @@
32
33
  "date-fns": "^4.1.0"
33
34
  }
34
35
  }
36
+
package/src/components/dropdown/Dropdown.css CHANGED
@@ -5,7 +5,7 @@
5
5
  .dropdownContainer {
6
6
  display: flex;
7
7
  flex-direction: column;
8
- gap: 6px;
8
+ gap: 3px;
9
9
  width: 100%;
10
10
  align-items: flex-start;
11
11
  position: relative;
@@ -18,8 +18,6 @@
18
18
  outline: none;
19
19
  border-radius: 8px;
20
20
  transition: var(--transTime);
21
- padding: 10px 15px;
22
- height: 45px;
23
21
  display: grid;
24
22
  align-items: center;
25
23
  grid-template-columns: 1fr auto;
@@ -27,6 +25,9 @@
27
25
  cursor: pointer;
28
26
  transition: var(--transTime);
29
27
  position: relative;
28
+ font-size: 14px;
29
+ padding: 0 10px;
30
+ height: 35px;
30
31
 
31
32
  &.disabled__ {
32
33
  background-color: var(--btn-disabled-bg);
package/src/components/input/Input.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .inputContainer {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- gap: 6px;
4
+ gap: 3px;
5
5
  width: 100%;
6
6
  align-items: flex-start;
7
7
  }
@@ -17,7 +17,9 @@
17
17
  outline: none;
18
18
  border-radius: 8px;
19
19
  transition: var(--transTime);
20
- padding: 10px 15px;
20
+ font-size: 14px;
21
+ padding: 0 10px;
22
+ height: 35px;
21
23
  }
22
24
  input:focus {
23
25
  box-shadow: 3px 3px 5px -2px rgba(var(--color-text-rgb), 0.5);