@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/README.md +50 -0
- package/dist/colors.css +141 -0
- package/dist/index.js +146 -1
- package/dist/index.mjs +6964 -1
- package/dist/style.css +1 -0
- package/dist/vite.svg +1 -0
- package/package.json +24 -14
- package/dist/index.css +0 -419
- package/dist/index.css.map +0 -1
- package/dist/index.d.mts +0 -57
- package/dist/index.d.ts +0 -57
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
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
|
-
"
|
|
14
|
-
"
|
|
15
|
-
"
|
|
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.
|
|
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
|
-
"
|
|
29
|
-
"
|
|
30
|
-
"vite": "^5.3.5"
|
|
27
|
+
"terser": "^5.31.6",
|
|
28
|
+
"tsup": "^8.2.4"
|
|
31
29
|
},
|
|
32
30
|
"devDependencies": {
|
|
33
|
-
"
|
|
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 */
|
package/dist/index.css.map
DELETED
|
@@ -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 };
|