dhre-component-lib 0.1.7 → 0.1.9

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-CQBPMzzW.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
+ .otpMainContainer {
2
+ display: flex;
3
+ justify-content: center;
4
+ flex-direction: column;
5
+ margin: 10px;
6
+ width: 343px;
7
+ }
8
+
9
+ .otpInputDiv {
10
+ flex-direction: row;
11
+ gap: 12px;
12
+ display: flex;
13
+ }
14
+
15
+ .otpInput {
16
+ width: 76px;
17
+ height: 48px;
18
+ text-align: center;
19
+ font-size: 18px;
20
+ font-weight: 400;
21
+ border-radius: 8px;
22
+ }
23
+
24
+ .resendContainer {
25
+ display: flex;
26
+ flex-direction: row;
27
+ margin-top: 10px;
28
+ justify-content: space-between;
29
+ }
30
+
31
+ .errorText {
32
+ color: #EB0542;
33
+ font-weight: 400;
34
+ font-size: 14px;
35
+ }
36
+
37
+ .timerText {
38
+ color: #A7A7A7;
39
+ font-weight: 400;
40
+ font-size: 14px;
41
+ }
42
+
43
+ .resendText {
44
+ color: #A7A7A7;
45
+ font-weight: 700;
46
+ font-size: 14px;
47
+ }
48
+
49
+ .breadcrumb {
50
+ display: flex;
51
+ align-items: center;
52
+ font-size: 16px;
53
+ }
54
+
55
+ .breadcrumbItem {
56
+ color: blue;
57
+ cursor: pointer;
58
+ margin-right: 8px;
59
+ }
60
+ .breadcrumbItem:hover {
61
+ text-decoration: underline;
62
+ }
63
+
64
+ .separator {
65
+ margin: 0 8px;
66
+ color: grey;
67
+ }
68
+
69
+ .mapContainerStyle {
70
+ width: 100%;
71
+ height: 100%;
72
+ position: absolute;
73
+ }
74
+
75
+ .badge {
76
+ display: inline-block;
77
+ padding: 6px 12px;
78
+ background-color: red;
79
+ color: white;
80
+ border-radius: 12px;
81
+ font-size: 14px;
82
+ text-align: center;
83
+ cursor: pointer;
84
+ }
85
+ .badge:hover {
86
+ background-color: darkred;
87
+ }
88
+
89
+ .button {
90
+ padding: 8px 16px;
91
+ font-size: 14px;
92
+ border-radius: 4px;
93
+ border: none;
94
+ cursor: pointer;
95
+ transition: background-color 0.3s ease;
96
+ }
97
+ .button.text {
98
+ background-color: transparent;
99
+ color: inherit;
100
+ }
101
+ .button.outlined {
102
+ background-color: transparent;
103
+ border: 2px solid currentColor;
104
+ }
105
+ .button.contained {
106
+ background-color: currentColor;
107
+ color: #fff;
108
+ }
109
+ .button.contained.primary:hover {
110
+ background-color: #1565c0;
111
+ }
112
+ .button.contained.secondary:hover {
113
+ background-color: #7b1fa2;
114
+ }
115
+ .button.contained.success:hover {
116
+ background-color: #388e3c;
117
+ }
118
+ .button.contained.error:hover {
119
+ background-color: #d32f2f;
120
+ }
121
+ .button.contained.warning:hover {
122
+ background-color: #f57c00;
123
+ }
124
+ .button.contained.info:hover {
125
+ background-color: #1976d2;
126
+ }
127
+ .button.primary {
128
+ color: #1976d2;
129
+ }
130
+ .button.secondary {
131
+ color: #9c27b0;
132
+ }
133
+ .button.success {
134
+ color: #4caf50;
135
+ }
136
+ .button.error {
137
+ color: #f44336;
138
+ }
139
+ .button.warning {
140
+ color: yellow;
141
+ }
142
+
143
+ .spinner {
144
+ border-style: solid;
145
+ border-radius: 50%;
146
+ border-color: transparent;
147
+ border-top-color: currentColor;
148
+ animation: spin 1s linear infinite;
149
+ }
150
+
151
+ .spinner.primary {
152
+ color: #007bff;
153
+ }
154
+
155
+ .spinner.secondary {
156
+ color: #6c757d;
157
+ }
158
+
159
+ .spinner.error {
160
+ color: #dc3545;
161
+ }
162
+
163
+ .spinner.success {
164
+ color: #28a745;
165
+ }
166
+
167
+ .spinner.info {
168
+ color: #17a2b8;
169
+ }
170
+
171
+ .spinner.warning {
172
+ color: #ffc107;
173
+ }
174
+
175
+ @keyframes spin {
176
+ 0% {
177
+ transform: rotate(0deg);
178
+ }
179
+ 100% {
180
+ transform: rotate(360deg);
181
+ }
182
+ }
183
+ .container {
184
+ display: flex;
185
+ flex-direction: column;
186
+ align-items: center;
187
+ justify-content: center;
188
+ }
189
+
190
+ .spinner {
191
+ border: 2px solid transparent;
192
+ border-radius: 50%;
193
+ border-top: 2px solid currentColor;
194
+ animation: spin 1s linear infinite;
195
+ }
196
+
197
+ .spinnerInner {
198
+ width: 100%;
199
+ height: 100%;
200
+ border-radius: 50%;
201
+ }
202
+
203
+ .errorText {
204
+ color: red;
205
+ }
206
+
207
+ .button {
208
+ padding: 8px 16px;
209
+ border: none;
210
+ border-radius: 4px;
211
+ cursor: pointer;
212
+ font-size: 16px;
213
+ }
214
+ .button-text {
215
+ background: none;
216
+ }
217
+ .button-outlined {
218
+ border: 1px solid currentColor;
219
+ }
220
+ .button-contained {
221
+ background-color: currentColor;
222
+ color: white;
223
+ }
224
+ .button-primary {
225
+ color: blue;
226
+ }
227
+ .button-secondary {
228
+ color: gray;
229
+ }
230
+ .button-small {
231
+ font-size: 12px;
232
+ }
233
+ .button-medium {
234
+ font-size: 16px;
235
+ }
236
+ .button-large {
237
+ font-size: 20px;
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";