@dev-blinq/ui-systems 1.0.8 → 1.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.
package/dist/style.css ADDED
@@ -0,0 +1 @@
1
+ .button{display:inline-flex;justify-content:center;align-items:center;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;font-family:var(--font-family, "Plus Jakarta Sans", sans-serif)}.button[data-size=sm]{padding:8px 12px;gap:8px;border-radius:12px}.button[data-size=md]{padding:10px 14px;gap:8px;border-radius:12px}.button[data-size=lg]{padding:12px 16px;gap:10px;border-radius:12px}.button[data-size=xl]{padding:16px 24px;gap:12px;border-radius:16px}.button[data-colorHierarchy="brand/primary"]{background-color:var(--primary-main)}.button[data-colorHierarchy="brand/primary"] .input-typography{color:#fff}.button[data-colorHierarchy="gray/secondary"]{background-color:#f1f1f1}.button[data-colorHierarchy="gray/secondary"] .input-typography{color:#080808}.button[data-colorHierarchy="white/secondary"]{background-color:#fff;box-shadow:0 1px 2px #1717170d;border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6)}.button[data-colorHierarchy="white/secondary"] .input-typography{color:#080808}.button[data-colorHierarchy="gray/linkContainer"]{background-color:#fff}.button[data-colorHierarchy="gray/linkContainer"] .input-typography{color:#080808}.button[data-colorHierarchy="gray/link"]{background-color:#fff;padding:0}.button[data-colorHierarchy="gray/link"] .input-typography{color:#080808}.button[data-colorHierarchy="brand/link"]{background-color:#fff;padding:0}.button[data-colorHierarchy="brand/link"] .input-typography{color:var(--primary-main)}.button[data-colorHierarchy="destructive/primary"]{background:var(--surface-error, #ea4621)}.button[data-colorHierarchy="destructive/primary"] .input-typography{color:#fff}.button[data-colorHierarchy="destructive/secondary"]{background:var(--surface-error-secondary, #fdece9)}.button[data-colorHierarchy="destructive/secondary"] .input-typography{color:var(--text-error, #ea4621)}.button[data-colorHierarchy="destructive/linkContainer"]{background-color:#fff}.button[data-colorHierarchy="destructive/linkContainer"] .input-typography{color:var(--text-error, #ea4621)}.button[data-colorHierarchy=""]{background-color:#fff;padding:0}.button[data-colorHierarchy=""] .input-typography{color:var(--text-error, #ea4621)}.button[data-colorHierarchy="brand/primary"]:hover{background:var(--surface-primary-hover, #08379e)}.button[data-colorHierarchy="gray/secondary"]:hover{background:var(--surface-secondary-hover, #ececed)}.button[data-colorHierarchy="white/secondary"]:hover{background:var(--surface-white---hover, #f9f9f9)}.button[data-colorHierarchy="gray/linkContainer"]:hover{background:var(--surface-secondary, #f1f1f1)}.button[data-colorHierarchy="gray/link"]:hover,.button[data-colorHierarchy="brand/link"]:hover{background-color:#fff}.button[data-colorHierarchy="destructive/primary"]:hover{background:var(--surface-error-hover, #d33f1e)}.button[data-colorHierarchy="destructive/secondary"]:hover{background:var(--surface-error-secondary-hover, #fbdad3)}.button[data-colorHierarchy="destructive/linkContainer"]:hover{background:var(--colors-red-5, #fef6f4)}.button[data-colorHierarchy=""]:hover{background-color:#fff}.button[data-colorHierarchy="brand/primary"]:focus{box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.button[data-colorHierarchy="gray/secondary"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="white/secondary"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="gray/linkContainer"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="gray/link"]:focus{box-shadow:0 0 0 4px var(--neutural-50, #e6e6e6)}.button[data-colorHierarchy="brand/link"]:focus{box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.button[data-colorHierarchy="destructive/primary"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="destructive/secondary"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="destructive/linkContainer"]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy=""]:focus{box-shadow:0 0 0 4px var(--destructive-30, #f9c7bc)}.button[data-colorHierarchy="brand/primary"]:disabled{background:var(--surface-disabled, #f1f1f1)}.button:disabled .input-typography{color:var(--text-disabled, #939197)}.button[data-colorHierarchy="gray/secondary"]:disabled{background:var(--surface-disabled, #f1f1f1)}.button[data-colorHierarchy="white/secondary"]:disabled{background:var(--surface-white---disabled, #fdfdfd)}.button[data-colorHierarchy="brand/link"]:disabled .input-typography{color:var(--text-action-disabled, #849ed7)}.button[data-colorHierarchy="destructive/primary"]:disabled{background:var(--surface-error-disabled, #fdece9)}.button[data-colorHierarchy="destructive/primary"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/secondary"]:disabled{background:var(--surface-error-disabled, #fdece9)}.button[data-colorHierarchy="destructive/secondary"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.button[data-colorHierarchy="destructive/link"]:disabled .input-typography{color:var(--text-error-disabled, #f5a290)}.TypographyCustom{color:var(--Gray-110, var(--colors-greyscale-110, #2d2b32))}.TypographyCustom[data-bold=extrabold]{font-weight:800}.TypographyCustom[data-bold=bold]{font-weight:700}.TypographyCustom[data-bold=semibold]{font-weight:600}.TypographyCustom[data-bold=medium]{font-weight:500}.TypographyCustom[data-category=display][data-size=lg]{font-size:180px;font-style:normal;line-height:188px;letter-spacing:-9px}.TypographyCustom[data-category=display][data-size=md]{font-size:128px;font-style:normal;line-height:136px;letter-spacing:-5.12px}.TypographyCustom[data-category=display][data-size=sm]{font-size:96px;font-style:normal;line-height:104px;letter-spacing:-2.88px}.TypographyCustom[data-category=heading][data-size=xxl]{font-size:72px;font-style:normal;line-height:80px;letter-spacing:-1.44px}.TypographyCustom[data-category=heading][data-size=xl]{font-size:60px;font-style:normal;line-height:68px;letter-spacing:-1.08px}.TypographyCustom[data-category=heading][data-size=lg]{font-size:48px;font-style:normal;line-height:56px;letter-spacing:-.768px}.TypographyCustom[data-category=heading][data-size=md]{font-size:36px;font-style:normal;line-height:44px;letter-spacing:-.504px}.TypographyCustom[data-category=heading][data-size=sm]{font-size:30px;font-style:normal;line-height:38px;letter-spacing:-.39px}.TypographyCustom[data-category=heading][data-size=xs],.TypographyCustom[data-category=text][data-size=xxl]{font-size:24px;font-style:normal;line-height:32px;letter-spacing:-.288px}.TypographyCustom[data-category=text][data-size=xl]{font-size:20px;font-style:normal;line-height:28px;letter-spacing:-.2px}.TypographyCustom[data-category=text][data-size=lg]{font-size:18px;font-style:normal;line-height:24px;letter-spacing:-.144px}.TypographyCustom[data-category=text][data-size=md]{font-size:16px;font-style:normal;line-height:22px;letter-spacing:-.112px}.TypographyCustom[data-category=text][data-size=sm]{font-size:14px;font-style:normal;line-height:20px;letter-spacing:-.084px}.TypographyCustom[data-category=text][data-size=xs]{font-size:12px;font-style:normal;line-height:16px;letter-spacing:-.06px}.TypographyCustom[data-category=text][data-size=xxs]{font-size:10px;font-style:normal;line-height:14px;letter-spacing:-.04px}.custom-input{display:flex;flex-direction:row;padding:12px;align-items:center;gap:12px;width:296px;align-self:stretch;border-radius:var(--border-radius-radius-pre-lg, 12px);border:1px solid var(--border-default, #e6e6e6);background:var(--surface-white, #fff);box-shadow:0 1px 2px #1717170d}.custom-input input{width:100%;border:none}.custom-input input::placeholder{color:var(--text-disabled, #939197);font-weight:500}.custom-input input:hover,.custom-input input:focus,.custom-input input:active{border:none;outline:none}.custom-input .left-icon,.custom-input .right-icon{display:flex;align-items:center;justify-content:center}.custom-input input{font-family:var(--font-family);color:var(--text-primary, #080808);font-weight:600;font-size:14px;font-style:normal}.custom-input .grey-box{margin:-12px;padding:12px;gap:6px;display:flex;flex-direction:row;background:#f9f9f9}.custom-input .grey-right-box{padding:12px;border-top-right-radius:12px;border-bottom-right-radius:12px;border-left:1px solid #e6e6e6}.custom-input .grey-left-box{padding:12px 14px;border-top-left-radius:12px;border-bottom-left-radius:12px;border-right:1px solid #e6e6e6}.custom-input select:focus{border:none;outline:none}.custom-input:hover{border:var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);box-shadow:0 1px 2px #1717170d}.custom-input:focus-within{border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);background:var(--surface-white, #fff);box-shadow:0 0 0 4px var(--primary-30, #b5c5e7)}.custom-input:has(input:disabled){border-radius:var(--border-radius-radius-pre-lg, 12px);border:var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);background:var(--surface-disabled, #f1f1f1)}.custom-input[data-error=true]{border:var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621)}
package/dist/vite.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
package/package.json CHANGED
@@ -1,35 +1,45 @@
1
1
  {
2
2
  "name": "@dev-blinq/ui-systems",
3
- "version": "1.0.8",
4
3
  "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
4
+ "version": "1.0.10",
5
+ "type": "module",
5
6
  "main": "./dist/index.js",
6
7
  "types": "./dist/index.d.ts",
7
8
  "module": "./dist/index.mjs",
8
9
  "style": "./dist/index.css",
9
10
  "files": [
10
- "dist"
11
+ "dist/**/*"
11
12
  ],
12
13
  "scripts": {
13
- "start": "npx vite --host",
14
- "test": "echo \"Error: no test specified\" && exit 1",
15
- "build": "tsup --minify terser"
14
+ "dev": "vite --host",
15
+ "build": "tsc -b && vite build",
16
+ "lint": "eslint .",
17
+ "preview": "vite preview"
16
18
  },
17
- "author": "",
18
- "license": "ISC",
19
19
  "dependencies": {
20
20
  "@emotion/react": "^11.13.0",
21
21
  "@emotion/styled": "^11.13.0",
22
- "@mui/material": "^5.16.6",
23
- "@types/react-dom": "^18.3.0",
24
- "@vitejs/plugin-react": "^4.3.1",
22
+ "@mui/material": "^5.16.7",
25
23
  "countries-list": "^3.1.1",
26
24
  "currency-symbol-map": "^5.1.0",
25
+ "react": "^18.3.1",
27
26
  "react-dom": "^18.3.1",
28
- "tsup": "^8.2.3",
29
- "typescript": "^5.5.4",
30
- "vite": "^5.3.5"
27
+ "terser": "^5.31.6",
28
+ "tsup": "^8.2.4"
31
29
  },
32
30
  "devDependencies": {
33
- "terser": "^5.31.3"
31
+ "@eslint/js": "^9.9.0",
32
+ "@types/node": "^22.3.0",
33
+ "@types/react": "^18.3.3",
34
+ "@types/react-dom": "^18.3.0",
35
+ "@vitejs/plugin-react": "^4.3.1",
36
+ "eslint": "^9.9.0",
37
+ "eslint-plugin-react-hooks": "^5.1.0-rc.0",
38
+ "eslint-plugin-react-refresh": "^0.4.9",
39
+ "globals": "^15.9.0",
40
+ "typescript": "^5.5.3",
41
+ "typescript-eslint": "^8.0.1",
42
+ "vite": "^5.4.1",
43
+ "vite-plugin-svgr": "^4.2.0"
34
44
  }
35
45
  }
package/dist/index.css DELETED
@@ -1,419 +0,0 @@
1
- /* src/components/CustomButton/css/customButton.css */
2
- .button {
3
- display: inline-flex;
4
- justify-content: center;
5
- align-items: center;
6
- font-size: 14px;
7
- font-weight: bold;
8
- cursor: pointer;
9
- transition: all 0.3s ease;
10
- border: none;
11
- font-family: var(--font-family, "Plus Jakarta Sans", sans-serif);
12
- }
13
-
14
- /* src/components/CustomButton/css/size.css */
15
- .button[data-size=sm] {
16
- padding: 8px 12px;
17
- gap: 8px;
18
- border-radius: 12px;
19
- }
20
- .button[data-size=md] {
21
- padding: 10px 14px;
22
- gap: 8px;
23
- border-radius: 12px;
24
- }
25
- .button[data-size=lg] {
26
- padding: 12px 16px;
27
- gap: 10px;
28
- border-radius: 12px;
29
- }
30
- .button[data-size=xl] {
31
- padding: 16px 24px;
32
- gap: 12px;
33
- border-radius: 16px;
34
- }
35
-
36
- /* src/components/CustomButton/css/color/default.css */
37
- .button[data-colorHierarchy="brand/primary"] {
38
- background-color: var(--primary-main);
39
- }
40
- .button[data-colorHierarchy="brand/primary"] .input-typography {
41
- color: #fff;
42
- }
43
- .button[data-colorHierarchy="gray/secondary"] {
44
- background-color: #f1f1f1;
45
- }
46
- .button[data-colorHierarchy="gray/secondary"] .input-typography {
47
- color: #080808;
48
- }
49
- .button[data-colorHierarchy="white/secondary"] {
50
- background-color: #fff;
51
- box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
52
- border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
53
- }
54
- .button[data-colorHierarchy="white/secondary"] .input-typography {
55
- color: #080808;
56
- }
57
- .button[data-colorHierarchy="gray/linkContainer"] {
58
- background-color: #fff;
59
- }
60
- .button[data-colorHierarchy="gray/linkContainer"] .input-typography {
61
- color: #080808;
62
- }
63
- .button[data-colorHierarchy="gray/link"] {
64
- background-color: #fff;
65
- padding: 0;
66
- }
67
- .button[data-colorHierarchy="gray/link"] .input-typography {
68
- color: #080808;
69
- }
70
- .button[data-colorHierarchy="brand/link"] {
71
- background-color: #fff;
72
- padding: 0;
73
- }
74
- .button[data-colorHierarchy="brand/link"] .input-typography {
75
- color: var(--primary-main);
76
- }
77
- .button[data-colorHierarchy="destructive/primary"] {
78
- background: var(--surface-error, #ea4621);
79
- }
80
- .button[data-colorHierarchy="destructive/primary"] .input-typography {
81
- color: #fff;
82
- }
83
- .button[data-colorHierarchy="destructive/secondary"] {
84
- background: var(--surface-error-secondary, #fdece9);
85
- }
86
- .button[data-colorHierarchy="destructive/secondary"] .input-typography {
87
- color: var(--text-error, #ea4621);
88
- }
89
- .button[data-colorHierarchy="destructive/linkContainer"] {
90
- background-color: #fff;
91
- }
92
- .button[data-colorHierarchy="destructive/linkContainer"] .input-typography {
93
- color: var(--text-error, #ea4621);
94
- }
95
- .button[data-colorHierarchy=""] {
96
- background-color: #fff;
97
- padding: 0;
98
- }
99
- .button[data-colorHierarchy=""] .input-typography {
100
- color: var(--text-error, #ea4621);
101
- }
102
-
103
- /* src/components/CustomButton/css/color/hover.css */
104
- .button[data-colorHierarchy="brand/primary"]:hover {
105
- background: var(--surface-primary-hover, #08379e);
106
- }
107
- .button[data-colorHierarchy="gray/secondary"]:hover {
108
- background: var(--surface-secondary-hover, #ececed);
109
- }
110
- .button[data-colorHierarchy="white/secondary"]:hover {
111
- background: var(--surface-white---hover, #f9f9f9);
112
- }
113
- .button[data-colorHierarchy="gray/linkContainer"]:hover {
114
- background: var(--surface-secondary, #f1f1f1);
115
- }
116
- .button[data-colorHierarchy="gray/link"]:hover {
117
- background-color: #fff;
118
- }
119
- .button[data-colorHierarchy="brand/link"]:hover {
120
- background-color: #fff;
121
- }
122
- .button[data-colorHierarchy="destructive/primary"]:hover {
123
- background: var(--surface-error-hover, #d33f1e);
124
- }
125
- .button[data-colorHierarchy="destructive/secondary"]:hover {
126
- background: var(--surface-error-secondary-hover, #fbdad3);
127
- }
128
- .button[data-colorHierarchy="destructive/linkContainer"]:hover {
129
- background: var(--colors-red-5, #fef6f4);
130
- }
131
- .button[data-colorHierarchy=""]:hover {
132
- background-color: #fff;
133
- }
134
-
135
- /* src/components/CustomButton/css/color/focused.css */
136
- .button[data-colorHierarchy="brand/primary"]:focus {
137
- box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
138
- }
139
- .button[data-colorHierarchy="gray/secondary"]:focus {
140
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
141
- }
142
- .button[data-colorHierarchy="white/secondary"]:focus {
143
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
144
- }
145
- .button[data-colorHierarchy="gray/linkContainer"]:focus {
146
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
147
- }
148
- .button[data-colorHierarchy="gray/link"]:focus {
149
- box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);
150
- }
151
- .button[data-colorHierarchy="brand/link"]:focus {
152
- box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
153
- }
154
- .button[data-colorHierarchy="destructive/primary"]:focus {
155
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
156
- }
157
- .button[data-colorHierarchy="destructive/secondary"]:focus {
158
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
159
- }
160
- .button[data-colorHierarchy="destructive/linkContainer"]:focus {
161
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
162
- }
163
- .button[data-colorHierarchy=""]:focus {
164
- box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);
165
- }
166
-
167
- /* src/components/CustomButton/css/color/disabled.css */
168
- .button[data-colorHierarchy="brand/primary"]:disabled {
169
- background: var(--surface-disabled, #f1f1f1);
170
- }
171
- .button:disabled .input-typography {
172
- color: var(--text-disabled, #939197);
173
- }
174
- .button[data-colorHierarchy="gray/secondary"]:disabled {
175
- background: var(--surface-disabled, #f1f1f1);
176
- }
177
- .button[data-colorHierarchy="white/secondary"]:disabled {
178
- background: var(--surface-white---disabled, #fdfdfd);
179
- }
180
- .button[data-colorHierarchy="brand/link"]:disabled .input-typography {
181
- color: var(--text-action-disabled, #849ed7);
182
- }
183
- .button[data-colorHierarchy="destructive/primary"]:disabled {
184
- background: var(--surface-error-disabled, #fdece9);
185
- }
186
- .button[data-colorHierarchy="destructive/primary"]:disabled .input-typography {
187
- color: var(--text-error-disabled, #f5a290);
188
- }
189
- .button[data-colorHierarchy="destructive/secondary"]:disabled {
190
- background: var(--surface-error-disabled, #fdece9);
191
- }
192
- .button[data-colorHierarchy="destructive/secondary"]:disabled .input-typography {
193
- color: var(--text-error-disabled, #f5a290);
194
- }
195
- .button[data-colorHierarchy="destructive/linkContainer"]:disabled .input-typography {
196
- color: var(--text-error-disabled, #f5a290);
197
- }
198
- .button[data-colorHierarchy="destructive/link"]:disabled .input-typography {
199
- color: var(--text-error-disabled, #f5a290);
200
- }
201
-
202
- /* src/components/Typography/css/bold.css */
203
- .TypographyCustom {
204
- color: var(--Gray-110, var(--colors-greyscale-110, #2d2b32));
205
- }
206
- .TypographyCustom[data-bold=extrabold] {
207
- font-weight: 800;
208
- }
209
- .TypographyCustom[data-bold=bold] {
210
- font-weight: 700;
211
- }
212
- .TypographyCustom[data-bold=semibold] {
213
- font-weight: 600;
214
- }
215
- .TypographyCustom[data-bold=medium] {
216
- font-weight: 500;
217
- }
218
-
219
- /* src/components/Typography/css/category/display.css */
220
- .TypographyCustom[data-category=display][data-size=lg] {
221
- font-size: 180px;
222
- font-style: normal;
223
- line-height: 188px;
224
- letter-spacing: -9px;
225
- }
226
- .TypographyCustom[data-category=display][data-size=md] {
227
- font-size: 128px;
228
- font-style: normal;
229
- line-height: 136px;
230
- letter-spacing: -5.12px;
231
- }
232
- .TypographyCustom[data-category=display][data-size=sm] {
233
- font-size: 96px;
234
- font-style: normal;
235
- line-height: 104px;
236
- letter-spacing: -2.88px;
237
- }
238
-
239
- /* src/components/Typography/css/category/heading.css */
240
- .TypographyCustom[data-category=heading][data-size=xxl] {
241
- font-size: 72px;
242
- font-style: normal;
243
- line-height: 80px;
244
- letter-spacing: -1.44px;
245
- }
246
- .TypographyCustom[data-category=heading][data-size=xl] {
247
- font-size: 60px;
248
- font-style: normal;
249
- line-height: 68px;
250
- letter-spacing: -1.08px;
251
- }
252
- .TypographyCustom[data-category=heading][data-size=lg] {
253
- font-size: 48px;
254
- font-style: normal;
255
- line-height: 56px;
256
- letter-spacing: -0.768px;
257
- }
258
- .TypographyCustom[data-category=heading][data-size=md] {
259
- font-size: 36px;
260
- font-style: normal;
261
- line-height: 44px;
262
- letter-spacing: -0.504px;
263
- }
264
- .TypographyCustom[data-category=heading][data-size=sm] {
265
- font-size: 30px;
266
- font-style: normal;
267
- line-height: 38px;
268
- letter-spacing: -0.39px;
269
- }
270
- .TypographyCustom[data-category=heading][data-size=xs] {
271
- font-size: 24px;
272
- font-style: normal;
273
- line-height: 32px;
274
- letter-spacing: -0.288px;
275
- }
276
-
277
- /* src/components/Typography/css/category/text.css */
278
- .TypographyCustom[data-category=text][data-size=xxl] {
279
- font-size: 24px;
280
- font-style: normal;
281
- line-height: 32px;
282
- letter-spacing: -0.288px;
283
- }
284
- .TypographyCustom[data-category=text][data-size=xl] {
285
- font-size: 20px;
286
- font-style: normal;
287
- line-height: 28px;
288
- letter-spacing: -0.2px;
289
- }
290
- .TypographyCustom[data-category=text][data-size=lg] {
291
- font-size: 18px;
292
- font-style: normal;
293
- line-height: 24px;
294
- letter-spacing: -0.144px;
295
- }
296
- .TypographyCustom[data-category=text][data-size=md] {
297
- font-size: 16px;
298
- font-style: normal;
299
- line-height: 22px;
300
- letter-spacing: -0.112px;
301
- }
302
- .TypographyCustom[data-category=text][data-size=sm] {
303
- font-size: 14px;
304
- font-style: normal;
305
- line-height: 20px;
306
- letter-spacing: -0.084px;
307
- }
308
- .TypographyCustom[data-category=text][data-size=xs] {
309
- font-size: 12px;
310
- font-style: normal;
311
- line-height: 16px;
312
- letter-spacing: -0.06px;
313
- }
314
- .TypographyCustom[data-category=text][data-size=xxs] {
315
- font-size: 10px;
316
- font-style: normal;
317
- line-height: 14px;
318
- letter-spacing: -0.04px;
319
- }
320
-
321
- /* src/components/Typography/css/index.css */
322
-
323
- /* src/components/CustomInput/css/input.css */
324
- .custom-input {
325
- display: flex;
326
- flex-direction: row;
327
- padding: 12px;
328
- align-items: center;
329
- gap: 12px;
330
- width: 296px;
331
- align-self: stretch;
332
- border-radius: var(--border-radius-radius-pre-lg, 12px);
333
- border: 1px solid var(--border-default, #e6e6e6);
334
- background: var(--surface-white, #fff);
335
- box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
336
- }
337
- .custom-input input {
338
- width: 100%;
339
- border: none;
340
- }
341
- .custom-input input::placeholder {
342
- color: var(--text-disabled, #939197);
343
- font-weight: 500;
344
- }
345
- .custom-input input:hover,
346
- .custom-input input:focus,
347
- .custom-input input:active {
348
- border: none;
349
- outline: none;
350
- }
351
- .custom-input .left-icon,
352
- .custom-input .right-icon {
353
- display: flex;
354
- align-items: center;
355
- justify-content: center;
356
- }
357
- .custom-input input {
358
- font-family: var(--font-family);
359
- color: var(--text-primary, #080808);
360
- font-weight: 600;
361
- font-size: 14px;
362
- font-style: normal;
363
- }
364
- .custom-input .grey-box {
365
- margin: -12px;
366
- padding: 12px;
367
- gap: 6px;
368
- display: flex;
369
- flex-direction: row;
370
- background: #f9f9f9;
371
- }
372
- .custom-input .grey-right-box {
373
- padding: 12px;
374
- border-top-right-radius: 12px;
375
- border-bottom-right-radius: 12px;
376
- border-left: 1px solid #e6e6e6;
377
- }
378
- .custom-input .grey-left-box {
379
- padding: 12px 14px;
380
- border-top-left-radius: 12px;
381
- border-bottom-left-radius: 12px;
382
- border-right: 1px solid #e6e6e6;
383
- }
384
- .custom-input select:focus {
385
- border: none;
386
- outline: none;
387
- }
388
-
389
- /* src/components/CustomInput/css/state/default.css */
390
-
391
- /* src/components/CustomInput/css/state/hover.css */
392
- .custom-input:hover {
393
- border: var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);
394
- box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);
395
- }
396
-
397
- /* src/components/CustomInput/css/state/focused.css */
398
- .custom-input:focus-within {
399
- border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
400
- background: var(--surface-white, #fff);
401
- box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);
402
- }
403
-
404
- /* src/components/CustomInput/css/state/disabled.css */
405
- .custom-input:has(input:disabled) {
406
- border-radius: var(--border-radius-radius-pre-lg, 12px);
407
- border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);
408
- background: var(--surface-disabled, #f1f1f1);
409
- }
410
-
411
- /* src/components/CustomInput/css/state/error.css */
412
- .custom-input[data-error=true] {
413
- border: var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);
414
- }
415
-
416
- /* src/components/CustomInput/css/state/filled.css */
417
-
418
- /* src/components/CustomInput/css/index.css */
419
- /*# sourceMappingURL=index.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/CustomButton/css/customButton.css","../src/components/CustomButton/css/size.css","../src/components/CustomButton/css/color/default.css","../src/components/CustomButton/css/color/hover.css","../src/components/CustomButton/css/color/focused.css","../src/components/CustomButton/css/color/disabled.css","../src/components/Typography/css/bold.css","../src/components/Typography/css/category/display.css","../src/components/Typography/css/category/heading.css","../src/components/Typography/css/category/text.css","../src/components/CustomInput/css/input.css","../src/components/CustomInput/css/state/hover.css","../src/components/CustomInput/css/state/focused.css","../src/components/CustomInput/css/state/disabled.css","../src/components/CustomInput/css/state/error.css"],"sourcesContent":[".button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n cursor: pointer;\n transition: all 0.3s ease;\n border: none;\n font-family: var(--font-family, \"Plus Jakarta Sans\", sans-serif);\n}\n\n/* .button[data-color='brand'] {\n background-color: var(--brand-color, #093DB0);\n color: #fff;\n}\n\n.button[data-color='gray'] {\n background-color: var(--gray-color, #6c757d);\n color: #fff;\n}\n\n.button[data-color='destructive'] {\n background-color: var(--destructive-color, #dc3545);\n color: #fff;\n} */\n\n/* .button[data-color='white'] {\n background-color: #fff;\n color: #000;\n border: 1px solid var(--gray-color, #6c757d);\n} */\n\n/* .button[data-hierarchy='primary'] {\n box-shadow: 0px 0px 0px 2px var(--primary-color, #007bff);\n}\n\n.button[data-hierarchy='secondary'] {\n box-shadow: none;\n border: 1px solid var(--secondary-color, #6c757d);\n}\n\n.button[data-hierarchy='link'] {\n background: none;\n border: none;\n color: var(--brand-color, #007bff);\n}\n\n.button[data-hierarchy='linkContainer'] {\n background-color: #f8f9fa;\n color: var(--brand-color, #007bff);\n border: 1px solid var(--gray-color, #6c757d);\n} */\n\n/*\n.button[data-state='default'] {\n opacity: 1;\n}\n\n.button[data-state='hover'] {\n opacity: 0.9;\n background: #08379E;\n \n}\n\n.button[data-state='focused'] {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #B5C5E7);\n}\n\n.button[data-state='disabled'] {\n opacity: 0.5;\n cursor: not-allowed;\n}\n*/\n",".button[data-size=\"sm\"] {\n padding: 8px 12px;\n gap: 8px;\n border-radius: 12px;\n}\n\n.button[data-size=\"md\"] {\n padding: 10px 14px;\n gap: 8px;\n border-radius: 12px;\n}\n\n.button[data-size=\"lg\"] {\n padding: 12px 16px;\n gap: 10px;\n border-radius: 12px;\n}\n\n.button[data-size=\"xl\"] {\n padding: 16px 24px;\n gap: 12px;\n border-radius: 16px;\n}\n",".button[data-colorHierarchy=\"brand/primary\"] {\n background-color: var(--primary-main);\n}\n\n.button[data-colorHierarchy=\"brand/primary\"] .input-typography {\n color: #fff;\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"] {\n background-color: #f1f1f1;\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"white/secondary\"] {\n background-color: #fff;\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"] {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"gray/link\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"gray/link\"] .input-typography {\n color: #080808;\n}\n\n.button[data-colorHierarchy=\"brand/link\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"brand/link\"] .input-typography {\n color: var(--primary-main);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"] {\n background: var(--surface-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"] .input-typography {\n color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"] {\n background: var(--surface-error-secondary, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"] {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n\n.button[data-colorHierarchy=\"\"] {\n background-color: #fff;\n padding: 0;\n}\n\n.button[data-colorHierarchy=\"\"] .input-typography {\n color: var(--text-error, #ea4621);\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:hover {\n background: var(--surface-primary-hover, #08379e);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:hover {\n background: var(--surface-secondary-hover, #ececed);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:hover {\n background: var(--surface-white---hover, #f9f9f9);\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"]:hover {\n background: var(--surface-secondary, #f1f1f1);\n}\n\n.button[data-colorHierarchy=\"gray/link\"]:hover {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"brand/link\"]:hover {\n background-color: #fff;\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:hover {\n background: var(--surface-error-hover, #d33f1e);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:hover {\n background: var(--surface-error-secondary-hover, #fbdad3);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:hover {\n background: var(--colors-red-5, #fef6f4);\n}\n\n.button[data-colorHierarchy=\"\"]:hover {\n background-color: #fff;\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"gray/linkContainer\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"gray/link\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--neutural-50, #e6e6e6);\n}\n\n.button[data-colorHierarchy=\"brand/link\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n\n.button[data-colorHierarchy=\"\"]:focus {\n box-shadow: 0px 0px 0px 4px var(--destructive-30, #f9c7bc);\n}\n",".button[data-colorHierarchy=\"brand/primary\"]:disabled {\n background: var(--surface-disabled, #f1f1f1);\n}\n\n.button:disabled .input-typography {\n color: var(--text-disabled, #939197);\n}\n\n.button[data-colorHierarchy=\"gray/secondary\"]:disabled {\n background: var(--surface-disabled, #f1f1f1);\n}\n\n.button[data-colorHierarchy=\"white/secondary\"]:disabled {\n background: var(--surface-white---disabled, #fdfdfd);\n}\n\n/* .button[data-colorHierarchy=\"gray/linkContainer\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"gray/link\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"brand/link\"]:disabled {\n } */\n\n.button[data-colorHierarchy=\"brand/link\"]:disabled .input-typography {\n color: var(--text-action-disabled, #849ed7);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:disabled {\n background: var(--surface-error-disabled, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/primary\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:disabled {\n background: var(--surface-error-disabled, #fdece9);\n}\n\n.button[data-colorHierarchy=\"destructive/secondary\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n/* .button[data-colorHierarchy=\"destructive/linkContainer\"]:disabled {\n }\n \n .button[data-colorHierarchy=\"\"]:disabled {\n } */\n\n.button[data-colorHierarchy=\"destructive/linkContainer\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n\n.button[data-colorHierarchy=\"destructive/link\"]:disabled .input-typography {\n color: var(--text-error-disabled, #f5a290);\n}\n",".TypographyCustom {\n color: var(--Gray-110, var(--colors-greyscale-110, #2d2b32));\n}\n\n/* text bold css*/\n.TypographyCustom[data-bold=\"extrabold\"] {\n font-weight: 800;\n}\n\n.TypographyCustom[data-bold=\"bold\"] {\n font-weight: 700;\n}\n\n.TypographyCustom[data-bold=\"semibold\"] {\n font-weight: 600;\n}\n\n.TypographyCustom[data-bold=\"medium\"] {\n font-weight: 500;\n}\n",".TypographyCustom[data-category=\"display\"][data-size=\"lg\"] {\n font-size: 180px;\n font-style: normal;\n line-height: 188px; /* 104.444% */\n letter-spacing: -9px;\n}\n\n.TypographyCustom[data-category=\"display\"][data-size=\"md\"] {\n font-size: 128px;\n font-style: normal;\n line-height: 136px; /* 106.25% */\n letter-spacing: -5.12px;\n}\n\n.TypographyCustom[data-category=\"display\"][data-size=\"sm\"] {\n font-size: 96px;\n font-style: normal;\n line-height: 104px; /* 108.333% */\n letter-spacing: -2.88px;\n}\n",".TypographyCustom[data-category=\"heading\"][data-size=\"xxl\"] {\n font-size: 72px;\n font-style: normal;\n line-height: 80px; /* 111.111% */\n letter-spacing: -1.44px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"xl\"] {\n font-size: 60px;\n font-style: normal;\n line-height: 68px; /* 113.333% */\n letter-spacing: -1.08px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"lg\"] {\n font-size: 48px;\n font-style: normal;\n line-height: 56px; /* 116.667% */\n letter-spacing: -0.768px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"md\"] {\n font-size: 36px;\n font-style: normal;\n line-height: 44px; /* 122.222% */\n letter-spacing: -0.504px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"sm\"] {\n font-size: 30px;\n font-style: normal;\n line-height: 38px; /* 126.667% */\n letter-spacing: -0.39px;\n}\n\n.TypographyCustom[data-category=\"heading\"][data-size=\"xs\"] {\n font-size: 24px;\n font-style: normal;\n line-height: 32px; /* 133.333% */\n letter-spacing: -0.288px;\n}\n",".TypographyCustom[data-category=\"text\"][data-size=\"xxl\"] {\n font-size: 24px;\n font-style: normal;\n line-height: 32px; /* 133.333% */\n letter-spacing: -0.288px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xl\"] {\n font-size: 20px;\n font-style: normal;\n line-height: 28px; /* 140% */\n letter-spacing: -0.2px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"lg\"] {\n font-size: 18px;\n font-style: normal;\n line-height: 24px; /* 133.333% */\n letter-spacing: -0.144px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"md\"] {\n font-size: 16px;\n font-style: normal;\n line-height: 22px; /* 137.5% */\n letter-spacing: -0.112px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"sm\"] {\n font-size: 14px;\n font-style: normal;\n line-height: 20px; /* 142.857% */\n letter-spacing: -0.084px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xs\"] {\n font-size: 12px;\n font-style: normal;\n line-height: 16px; /* 133.333% */\n letter-spacing: -0.06px;\n}\n\n.TypographyCustom[data-category=\"text\"][data-size=\"xxs\"] {\n font-size: 10px;\n font-style: normal;\n line-height: 14px; /* 140% */\n letter-spacing: -0.04px;\n}\n",".custom-input {\n display: flex;\n flex-direction: row;\n padding: 12px;\n align-items: center;\n gap: 12px;\n width: 296px;\n align-self: stretch;\n border-radius: var(--border-radius-radius-pre-lg, 12px);\n\n border: 1px solid var(--border-default, #e6e6e6);\n background: var(--surface-white, #fff);\n\n /* Shadow/xs */\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n}\n\n.custom-input input {\n width: 100%;\n border: none;\n}\n\n.custom-input input::placeholder {\n color: var(--text-disabled, #939197);\n font-weight: 500;\n}\n\n.custom-input input:hover,\n.custom-input input:focus,\n.custom-input input:active {\n border: none;\n outline: none;\n}\n\n.custom-input .left-icon,\n.custom-input .right-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.custom-input input {\n font-family: var(--font-family);\n color: var(--text-primary, #080808);\n font-weight: 600;\n font-size: 14px;\n font-style: normal;\n}\n\n.custom-input .grey-box {\n margin: -12px;\n padding: 12px;\n gap: 6px;\n display: flex;\n flex-direction: row;\n background: #f9f9f9;\n}\n\n.custom-input .grey-right-box {\n padding: 12px;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n border-left: 1px solid #e6e6e6;\n}\n\n.custom-input .grey-left-box {\n padding: 12px 14px;\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n border-right: 1px solid #e6e6e6;\n}\n\n.custom-input select:focus {\n border: none;\n outline: none;\n}\n",".custom-input:hover {\n border: var(--border-radius-radius-none, 1px) solid var(--border-hover, #c9c9cc);\n /* Shadow/xs */\n box-shadow: 0px 1px 2px 0px rgba(23, 23, 23, 0.05);\n}\n",".custom-input:focus-within {\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n background: var(--surface-white, #fff);\n\n box-shadow: 0px 0px 0px 4px var(--primary-30, #b5c5e7);\n}\n",".custom-input:has(input:disabled) {\n border-radius: var(--border-radius-radius-pre-lg, 12px);\n border: var(--border-radius-radius-none, 1px) solid var(--border-default, #e6e6e6);\n background: var(--surface-disabled, #f1f1f1);\n}\n",".custom-input[data-error=\"true\"] {\n border: var(--border-radius-radius-none, 1px) solid var(--border-error, #ea4621);\n}\n"],"mappings":"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","names":[]}
package/dist/index.d.mts DELETED
@@ -1,57 +0,0 @@
1
- import React$1, { CSSProperties } from 'react';
2
- import { TypographyProps } from '@mui/material';
3
-
4
- type ButtonSize = "sm" | "md" | "lg" | "xl";
5
- type ButtonColor = "brand" | "gray" | "destructive" | "white";
6
- type ButtonHierarchy = "primary" | "secondary" | "link" | "linkContainer";
7
- type ButtonColorHierarchyType = `${ButtonColor}/${ButtonHierarchy}`;
8
-
9
- interface CustomButtonProps {
10
- size?: ButtonSize;
11
- colorHierarchy?: ButtonColorHierarchyType;
12
- disabled?: boolean;
13
- text: string;
14
- leftIcon?: any;
15
- rightIcon?: any;
16
- onClick?: () => void;
17
- }
18
-
19
- declare const CustomButton: React$1.FC<CustomButtonProps>;
20
-
21
- type Size = "md" | "lg";
22
- type Type = "default" | "action" | "currency" | "creditCard" | "date" | "link" | "password" | "search" | "tel" | "number";
23
- interface CustomInputProps {
24
- Size?: Size;
25
- type?: Type;
26
- label?: string;
27
- disabled?: boolean;
28
- errExists?: boolean;
29
- placeholder: string;
30
- leftIcon?: any;
31
- rightIcon?: any;
32
- onAction?: () => void;
33
- style?: CSSProperties;
34
- [key: string]: any;
35
- }
36
-
37
- declare const CustomInput: React$1.FC<CustomInputProps>;
38
-
39
- type CustomCheckboxProps = {
40
- checked: boolean;
41
- onChange?: (checked: boolean) => void;
42
- label?: string;
43
- disabled?: boolean;
44
- };
45
- declare const CustomCheckbox: React$1.FC<CustomCheckboxProps>;
46
-
47
- type category = "display" | "heading" | "text";
48
- type size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
49
- type bold = "semibold" | "bold" | "extrabold" | "medium";
50
- interface TypegraphyCustomType extends TypographyProps {
51
- Size?: size;
52
- category?: category;
53
- bold?: bold;
54
- }
55
- declare const TypographyCustom: React.FC<TypegraphyCustomType>;
56
-
57
- export { CustomButton as Button, CustomCheckbox, CustomInput, TypographyCustom };
package/dist/index.d.ts DELETED
@@ -1,57 +0,0 @@
1
- import React$1, { CSSProperties } from 'react';
2
- import { TypographyProps } from '@mui/material';
3
-
4
- type ButtonSize = "sm" | "md" | "lg" | "xl";
5
- type ButtonColor = "brand" | "gray" | "destructive" | "white";
6
- type ButtonHierarchy = "primary" | "secondary" | "link" | "linkContainer";
7
- type ButtonColorHierarchyType = `${ButtonColor}/${ButtonHierarchy}`;
8
-
9
- interface CustomButtonProps {
10
- size?: ButtonSize;
11
- colorHierarchy?: ButtonColorHierarchyType;
12
- disabled?: boolean;
13
- text: string;
14
- leftIcon?: any;
15
- rightIcon?: any;
16
- onClick?: () => void;
17
- }
18
-
19
- declare const CustomButton: React$1.FC<CustomButtonProps>;
20
-
21
- type Size = "md" | "lg";
22
- type Type = "default" | "action" | "currency" | "creditCard" | "date" | "link" | "password" | "search" | "tel" | "number";
23
- interface CustomInputProps {
24
- Size?: Size;
25
- type?: Type;
26
- label?: string;
27
- disabled?: boolean;
28
- errExists?: boolean;
29
- placeholder: string;
30
- leftIcon?: any;
31
- rightIcon?: any;
32
- onAction?: () => void;
33
- style?: CSSProperties;
34
- [key: string]: any;
35
- }
36
-
37
- declare const CustomInput: React$1.FC<CustomInputProps>;
38
-
39
- type CustomCheckboxProps = {
40
- checked: boolean;
41
- onChange?: (checked: boolean) => void;
42
- label?: string;
43
- disabled?: boolean;
44
- };
45
- declare const CustomCheckbox: React$1.FC<CustomCheckboxProps>;
46
-
47
- type category = "display" | "heading" | "text";
48
- type size = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
49
- type bold = "semibold" | "bold" | "extrabold" | "medium";
50
- interface TypegraphyCustomType extends TypographyProps {
51
- Size?: size;
52
- category?: category;
53
- bold?: bold;
54
- }
55
- declare const TypographyCustom: React.FC<TypegraphyCustomType>;
56
-
57
- export { CustomButton as Button, CustomCheckbox, CustomInput, TypographyCustom };