dhre-component-lib 0.1.7 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/{src/components/Badge → dist}/Badge.module.scss +0 -1
  2. package/{src/components/BreadCrumb → dist}/Breadcrumb.module.scss +0 -3
  3. package/{src/components/Button → dist}/Button.module.scss +3 -16
  4. package/{src/components/CircularProgress → dist}/CircularProgress.module.scss +0 -1
  5. package/dist/assets/output-4Fi7j5sB.css +247 -0
  6. package/dist/components/Badge/index.d.ts +0 -1
  7. package/dist/components/BreadCrumb/index.d.ts +0 -1
  8. package/dist/components/Button/index.d.ts +0 -1
  9. package/dist/components/CircularProgress/index.d.ts +0 -1
  10. package/dist/components/Map/index.d.ts +0 -1
  11. package/dist/components/Modal/index.d.ts +0 -1
  12. package/dist/components/Notification/index.d.ts +0 -1
  13. package/dist/components/OtpInput/index.d.ts +0 -1
  14. package/dist/components/PdfView/index.d.ts +0 -1
  15. package/dist/components/Tooltip/index.d.ts +0 -1
  16. package/dist/dist/styles.css +2 -0
  17. package/dist/dist/styles.css.map +1 -0
  18. package/dist/index.d.ts +15 -1
  19. package/dist/index.esm.js +9323 -0
  20. package/dist/index.esm.js.map +1 -0
  21. package/dist/index.js +9359 -1
  22. package/dist/index.js.map +1 -0
  23. package/package.json +8 -7
  24. package/dist/components/Avatar/Avatar.js +0 -6
  25. package/dist/components/Avatar/Avatar.test.js +0 -39
  26. package/dist/components/Avatar/index.js +0 -1
  27. package/dist/components/Badge/Badge.js +0 -6
  28. package/dist/components/Badge/Badge.test.js +0 -44
  29. package/dist/components/Badge/index.js +0 -2
  30. package/dist/components/BreadCrumb/BreadCrumb.js +0 -8
  31. package/dist/components/BreadCrumb/BreadCrumb.test.js +0 -55
  32. package/dist/components/BreadCrumb/index.js +0 -2
  33. package/dist/components/Button/Button.js +0 -6
  34. package/dist/components/Button/Button.test.js +0 -36
  35. package/dist/components/Button/index.js +0 -2
  36. package/dist/components/Checkbox/Checkbox.js +0 -7
  37. package/dist/components/Checkbox/Checkbox.test.js +0 -59
  38. package/dist/components/Checkbox/index.js +0 -1
  39. package/dist/components/CircularProgress/CircularProgress.js +0 -15
  40. package/dist/components/CircularProgress/CircularProgress.test.js +0 -31
  41. package/dist/components/CircularProgress/index.js +0 -2
  42. package/dist/components/Divider/Divider.js +0 -7
  43. package/dist/components/Divider/Divider.test.js +0 -30
  44. package/dist/components/Divider/index.js +0 -1
  45. package/dist/components/Enum.js +0 -17
  46. package/dist/components/InputTextField/InputTextField.js +0 -9
  47. package/dist/components/InputTextField/InputTextField.test.js +0 -98
  48. package/dist/components/InputTextField/index.js +0 -1
  49. package/dist/components/Link/Link.js +0 -6
  50. package/dist/components/Link/Link.test.js +0 -47
  51. package/dist/components/Link/index.js +0 -1
  52. package/dist/components/Map/Directions.js +0 -9
  53. package/dist/components/Map/GoogleMap.js +0 -104
  54. package/dist/components/Map/GoogleMapsLoader.js +0 -10
  55. package/dist/components/Map/index.js +0 -3
  56. package/dist/components/Modal/Modal.js +0 -14
  57. package/dist/components/Modal/Modal.test.js +0 -52
  58. package/dist/components/Modal/index.js +0 -2
  59. package/dist/components/Notification/Notification.js +0 -21
  60. package/dist/components/Notification/Notification.test.js +0 -40
  61. package/dist/components/Notification/index.js +0 -2
  62. package/dist/components/OtpInput/OtpInput.js +0 -68
  63. package/dist/components/OtpInput/OtpInput.test.js +0 -36
  64. package/dist/components/OtpInput/index.js +0 -2
  65. package/dist/components/PdfView/PdfView.js +0 -59
  66. package/dist/components/PdfView/PdfView.test.js +0 -41
  67. package/dist/components/PdfView/index.js +0 -2
  68. package/dist/components/Progress/Progress.js +0 -9
  69. package/dist/components/Progress/Progress.test.js +0 -34
  70. package/dist/components/Progress/index.js +0 -1
  71. package/dist/components/RadioButton/RadioButton.js +0 -7
  72. package/dist/components/RadioButton/RadioButton.test.js +0 -29
  73. package/dist/components/RadioButton/index.js +0 -1
  74. package/dist/components/Switch/Switch.js +0 -10
  75. package/dist/components/Switch/Switch.test.js +0 -45
  76. package/dist/components/Switch/index.js +0 -1
  77. package/dist/components/Tag/Tag.js +0 -6
  78. package/dist/components/Tag/Tag.test.js +0 -43
  79. package/dist/components/Tag/index.js +0 -1
  80. package/dist/components/Tooltip/Tooltip.js +0 -11
  81. package/dist/components/Tooltip/Tooltip.test.js +0 -48
  82. package/dist/components/Tooltip/index.js +0 -2
  83. package/dist/components/index.d.ts +0 -15
  84. package/dist/components/index.js +0 -15
  85. package/dist/theme/colors.js +0 -2
  86. package/src/__mocks__/styleMock.js +0 -1
  87. package/src/components/Avatar/Avatar.test.tsx +0 -53
  88. package/src/components/Avatar/Avatar.tsx +0 -28
  89. package/src/components/Avatar/index.ts +0 -1
  90. package/src/components/Badge/Badge.test.tsx +0 -59
  91. package/src/components/Badge/Badge.tsx +0 -25
  92. package/src/components/Badge/index.ts +0 -2
  93. package/src/components/BreadCrumb/BreadCrumb.test.tsx +0 -90
  94. package/src/components/BreadCrumb/BreadCrumb.tsx +0 -45
  95. package/src/components/BreadCrumb/index.ts +0 -2
  96. package/src/components/Button/Button.test.tsx +0 -49
  97. package/src/components/Button/Button.tsx +0 -29
  98. package/src/components/Button/index.ts +0 -2
  99. package/src/components/Checkbox/Checkbox.test.tsx +0 -93
  100. package/src/components/Checkbox/Checkbox.tsx +0 -35
  101. package/src/components/Checkbox/index.ts +0 -1
  102. package/src/components/CircularProgress/CircularProgress.test.tsx +0 -39
  103. package/src/components/CircularProgress/CircularProgress.tsx +0 -37
  104. package/src/components/CircularProgress/index.ts +0 -2
  105. package/src/components/Divider/Divider.test.tsx +0 -44
  106. package/src/components/Divider/Divider.tsx +0 -24
  107. package/src/components/Divider/index.ts +0 -1
  108. package/src/components/Enum.ts +0 -19
  109. package/src/components/InputTextField/InputTextField.test.tsx +0 -118
  110. package/src/components/InputTextField/InputTextField.tsx +0 -48
  111. package/src/components/InputTextField/index.ts +0 -1
  112. package/src/components/Link/Link.test.tsx +0 -55
  113. package/src/components/Link/Link.tsx +0 -33
  114. package/src/components/Link/index.ts +0 -1
  115. package/src/components/Map/Directions.tsx +0 -36
  116. package/src/components/Map/GoogleMap.tsx +0 -186
  117. package/src/components/Map/GoogleMapsLoader.tsx +0 -12
  118. package/src/components/Map/index.ts +0 -3
  119. package/src/components/Modal/Modal.test.tsx +0 -74
  120. package/src/components/Modal/Modal.tsx +0 -39
  121. package/src/components/Modal/index.ts +0 -2
  122. package/src/components/Notification/Notification.test.tsx +0 -53
  123. package/src/components/Notification/Notification.tsx +0 -42
  124. package/src/components/Notification/index.ts +0 -2
  125. package/src/components/OtpInput/OtpInput.test.tsx +0 -53
  126. package/src/components/OtpInput/OtpInput.tsx +0 -137
  127. package/src/components/OtpInput/index.ts +0 -2
  128. package/src/components/PdfView/PdfView.test.tsx +0 -52
  129. package/src/components/PdfView/PdfView.tsx +0 -116
  130. package/src/components/PdfView/index.ts +0 -2
  131. package/src/components/Progress/Progress.test.tsx +0 -43
  132. package/src/components/Progress/Progress.tsx +0 -35
  133. package/src/components/Progress/index.ts +0 -1
  134. package/src/components/RadioButton/RadioButton.test.tsx +0 -56
  135. package/src/components/RadioButton/RadioButton.tsx +0 -43
  136. package/src/components/RadioButton/index.ts +0 -1
  137. package/src/components/Switch/Switch.test.tsx +0 -83
  138. package/src/components/Switch/Switch.tsx +0 -38
  139. package/src/components/Switch/index.ts +0 -1
  140. package/src/components/Tag/Tag.css +0 -14
  141. package/src/components/Tag/Tag.test.tsx +0 -61
  142. package/src/components/Tag/Tag.tsx +0 -19
  143. package/src/components/Tag/index.ts +0 -1
  144. package/src/components/Tooltip/Tooltip.test.tsx +0 -68
  145. package/src/components/Tooltip/Tooltip.tsx +0 -38
  146. package/src/components/Tooltip/index.ts +0 -2
  147. package/src/components/index.ts +0 -15
  148. package/src/index.ts +0 -1
  149. package/src/theme/colors.ts +0 -3
  150. package/src/typings.d.ts +0 -1
  151. /package/{src/components/Map → dist}/GoogleMap.module.scss +0 -0
  152. /package/{src/components/Modal → dist}/Modal.module.scss +0 -0
  153. /package/{src/components/Notification → dist}/Notification.module.scss +0 -0
  154. /package/{src/components/OtpInput → dist}/OtpInput.module.scss +0 -0
  155. /package/{src/components/PdfView → dist}/PdfView.module.scss +0 -0
  156. /package/{src/components/Tooltip → dist}/Tooltip.module.scss +0 -0
  157. /package/{src/theme/colors → dist}/colors.scss +0 -0
  158. /package/{src/theme/Typography → dist}/typography.scss +0 -0
@@ -7,7 +7,6 @@
7
7
  font-size: 14px;
8
8
  text-align: center;
9
9
  cursor: pointer;
10
-
11
10
  &:hover {
12
11
  background-color: darkred;
13
12
  }
@@ -3,17 +3,14 @@
3
3
  align-items: center;
4
4
  font-size: 16px;
5
5
  }
6
-
7
6
  .breadcrumbItem {
8
7
  color: blue;
9
8
  cursor: pointer;
10
9
  margin-right: 8px;
11
-
12
10
  &:hover {
13
11
  text-decoration: underline;
14
12
  }
15
13
  }
16
-
17
14
  .separator {
18
15
  margin: 0 8px;
19
16
  color: grey;
@@ -1,4 +1,3 @@
1
- /* Base button styling */
2
1
  .button {
3
2
  padding: 8px 16px;
4
3
  font-size: 14px;
@@ -6,61 +5,49 @@
6
5
  border: none;
7
6
  cursor: pointer;
8
7
  transition: background-color 0.3s ease;
9
-
10
8
  &.text {
11
9
  background-color: transparent;
12
10
  color: inherit;
13
11
  }
14
-
15
12
  &.outlined {
16
13
  background-color: transparent;
17
14
  border: 2px solid currentColor;
18
15
  }
19
-
20
16
  &.contained {
21
17
  background-color: currentColor;
22
18
  color: #fff;
23
-
24
19
  &.primary:hover {
25
20
  background-color: #1565c0;
26
21
  }
27
-
28
22
  &.secondary:hover {
29
23
  background-color: #7b1fa2;
30
24
  }
31
-
32
25
  &.success:hover {
33
26
  background-color: #388e3c;
34
27
  }
35
-
36
28
  &.error:hover {
37
29
  background-color: #d32f2f;
38
30
  }
39
-
40
31
  &.warning:hover {
41
32
  background-color: #f57c00;
42
33
  }
43
-
44
34
  &.info:hover {
45
35
  background-color: #1976d2;
46
36
  }
47
37
  }
48
-
49
38
  &.primary {
50
39
  color: #1976d2;
51
40
  }
52
-
53
41
  &.secondary {
54
42
  color: #9c27b0;
55
43
  }
56
-
57
44
  &.success {
58
45
  color: #4caf50;
59
46
  }
60
-
61
47
  &.error {
62
48
  color: #f44336;
63
49
  }
64
-
65
50
  &.warning {
66
- color:
51
+ color: yellow
52
+ }
53
+ }
@@ -5,7 +5,6 @@
5
5
  border-top-color: currentColor;
6
6
  animation: spin 1s linear infinite;
7
7
  }
8
-
9
8
  .spinner.primary { color: #007bff; }
10
9
  .spinner.secondary { color: #6c757d; }
11
10
  .spinner.error { color: #dc3545; }
@@ -0,0 +1,247 @@
1
+ .mapContainerStyle {
2
+ width: 100%;
3
+ height: 100%;
4
+ position: absolute;
5
+ }
6
+
7
+ .otpMainContainer {
8
+ display: flex;
9
+ justify-content: center;
10
+ flex-direction: column;
11
+ margin: 10px;
12
+ width: 343px;
13
+ }
14
+
15
+ .otpInputDiv {
16
+ flex-direction: row;
17
+ gap: 12px;
18
+ display: flex;
19
+ }
20
+
21
+ .otpInput {
22
+ width: 76px;
23
+ height: 48px;
24
+ text-align: center;
25
+ font-size: 18px;
26
+ font-weight: 400;
27
+ border-radius: 8px;
28
+ }
29
+
30
+ .resendContainer {
31
+ display: flex;
32
+ flex-direction: row;
33
+ margin-top: 10px;
34
+ justify-content: space-between;
35
+ }
36
+
37
+ .errorText {
38
+ color: #EB0542;
39
+ font-weight: 400;
40
+ font-size: 14px;
41
+ }
42
+
43
+ .timerText {
44
+ color: #A7A7A7;
45
+ font-weight: 400;
46
+ font-size: 14px;
47
+ }
48
+
49
+ .resendText {
50
+ color: #A7A7A7;
51
+ font-weight: 700;
52
+ font-size: 14px;
53
+ }
54
+
55
+ .breadcrumb {
56
+ display: flex;
57
+ align-items: center;
58
+ font-size: 16px;
59
+ }
60
+
61
+ .breadcrumbItem {
62
+ color: blue;
63
+ cursor: pointer;
64
+ margin-right: 8px;
65
+ }
66
+ .breadcrumbItem:hover {
67
+ text-decoration: underline;
68
+ }
69
+
70
+ .separator {
71
+ margin: 0 8px;
72
+ color: grey;
73
+ }
74
+
75
+ .button {
76
+ padding: 8px 16px;
77
+ font-size: 14px;
78
+ border-radius: 4px;
79
+ border: none;
80
+ cursor: pointer;
81
+ transition: background-color 0.3s ease;
82
+ }
83
+ .button.text {
84
+ background-color: transparent;
85
+ color: inherit;
86
+ }
87
+ .button.outlined {
88
+ background-color: transparent;
89
+ border: 2px solid currentColor;
90
+ }
91
+ .button.contained {
92
+ background-color: currentColor;
93
+ color: #fff;
94
+ }
95
+ .button.contained.primary:hover {
96
+ background-color: #1565c0;
97
+ }
98
+ .button.contained.secondary:hover {
99
+ background-color: #7b1fa2;
100
+ }
101
+ .button.contained.success:hover {
102
+ background-color: #388e3c;
103
+ }
104
+ .button.contained.error:hover {
105
+ background-color: #d32f2f;
106
+ }
107
+ .button.contained.warning:hover {
108
+ background-color: #f57c00;
109
+ }
110
+ .button.contained.info:hover {
111
+ background-color: #1976d2;
112
+ }
113
+ .button.primary {
114
+ color: #1976d2;
115
+ }
116
+ .button.secondary {
117
+ color: #9c27b0;
118
+ }
119
+ .button.success {
120
+ color: #4caf50;
121
+ }
122
+ .button.error {
123
+ color: #f44336;
124
+ }
125
+ .button.warning {
126
+ color: yellow;
127
+ }
128
+
129
+ .badge {
130
+ display: inline-block;
131
+ padding: 6px 12px;
132
+ background-color: red;
133
+ color: white;
134
+ border-radius: 12px;
135
+ font-size: 14px;
136
+ text-align: center;
137
+ cursor: pointer;
138
+ }
139
+ .badge:hover {
140
+ background-color: darkred;
141
+ }
142
+
143
+ .container {
144
+ display: flex;
145
+ flex-direction: column;
146
+ align-items: center;
147
+ justify-content: center;
148
+ }
149
+
150
+ .spinner {
151
+ border: 2px solid transparent;
152
+ border-radius: 50%;
153
+ border-top: 2px solid currentColor;
154
+ animation: spin 1s linear infinite;
155
+ }
156
+
157
+ .spinnerInner {
158
+ width: 100%;
159
+ height: 100%;
160
+ border-radius: 50%;
161
+ }
162
+
163
+ .errorText {
164
+ color: red;
165
+ }
166
+
167
+ .button {
168
+ padding: 8px 16px;
169
+ border: none;
170
+ border-radius: 4px;
171
+ cursor: pointer;
172
+ font-size: 16px;
173
+ }
174
+ .button-text {
175
+ background: none;
176
+ }
177
+ .button-outlined {
178
+ border: 1px solid currentColor;
179
+ }
180
+ .button-contained {
181
+ background-color: currentColor;
182
+ color: white;
183
+ }
184
+ .button-primary {
185
+ color: blue;
186
+ }
187
+ .button-secondary {
188
+ color: gray;
189
+ }
190
+ .button-small {
191
+ font-size: 12px;
192
+ }
193
+ .button-medium {
194
+ font-size: 16px;
195
+ }
196
+ .button-large {
197
+ font-size: 20px;
198
+ }
199
+
200
+ @keyframes spin {
201
+ 0% {
202
+ transform: rotate(0deg);
203
+ }
204
+ 100% {
205
+ transform: rotate(360deg);
206
+ }
207
+ }
208
+ .spinner {
209
+ border-style: solid;
210
+ border-radius: 50%;
211
+ border-color: transparent;
212
+ border-top-color: currentColor;
213
+ animation: spin 1s linear infinite;
214
+ }
215
+
216
+ .spinner.primary {
217
+ color: #007bff;
218
+ }
219
+
220
+ .spinner.secondary {
221
+ color: #6c757d;
222
+ }
223
+
224
+ .spinner.error {
225
+ color: #dc3545;
226
+ }
227
+
228
+ .spinner.success {
229
+ color: #28a745;
230
+ }
231
+
232
+ .spinner.info {
233
+ color: #17a2b8;
234
+ }
235
+
236
+ .spinner.warning {
237
+ color: #ffc107;
238
+ }
239
+
240
+ @keyframes spin {
241
+ 0% {
242
+ transform: rotate(0deg);
243
+ }
244
+ 100% {
245
+ transform: rotate(360deg);
246
+ }
247
+ }
@@ -1,2 +1 @@
1
1
  export { default } from "./Badge";
2
- import "./Badge.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./BreadCrumb";
2
- import "./Breadcrumb.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./Button";
2
- import "./Button.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./CircularProgress";
2
- import "./CircularProgress.module.scss";
@@ -1,3 +1,2 @@
1
1
  export { default as Directions } from "./Directions";
2
2
  export { default as GoogleMap } from "./GoogleMap";
3
- import "./GoogleMap.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./Modal";
2
- import "./Modal.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./Notification";
2
- import "./Notification.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./OtpInput";
2
- import "./OtpInput.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./PdfView";
2
- import "./PdfView.module.scss";
@@ -1,2 +1 @@
1
1
  export { default } from "./Tooltip";
2
- import "./Tooltip.module.scss";
@@ -0,0 +1,2 @@
1
+
2
+ /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzdHlsZXMuY3NzIn0= */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/Button/Button.module.scss","../src/components/Badge/Badge.module.scss","../src/components/BreadCrumb/Breadcrumb.module.scss","../src/components/CircularProgress/CircularProgress.module.scss","../src/components/PdfView/PdfView.module.scss","../src/components/Map/GoogleMap.module.scss","../src/components/OtpInput/OtpInput.module.scss"],"names":[],"mappings":"AAAA;ACAA;ACAA;ACAA;ACAA;ACAA;ACAA","file":"dist/styles.css"}
package/dist/index.d.ts CHANGED
@@ -1 +1,15 @@
1
- export * from './components';
1
+ export { default as Button } from "./components/Button";
2
+ export { default as Avatar } from "./components/Avatar";
3
+ export { default as Badge } from "./components/Badge";
4
+ export { default as BreadCrumb } from "./components/BreadCrumb";
5
+ export { default as Checkbox } from "./components/Checkbox";
6
+ export { default as CircularProgress } from "./components/CircularProgress";
7
+ export { default as Divider } from "./components/Divider";
8
+ export { default as Link } from "./components/Link";
9
+ export { default as Progress } from "./components/Progress";
10
+ export { default as RadioButton } from "./components/RadioButton";
11
+ export { default as InputTextField } from "./components/InputTextField";
12
+ export { default } from "./components/PdfView";
13
+ export { default as Directions } from "./components/Map/Directions";
14
+ export { default as GoogleMap } from "./components/Map/GoogleMap";
15
+ export { default as OtpInput } from "./components/OtpInput/OtpInput";