dhre-component-lib 0.1.8 → 0.2.0

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.
@@ -1,9 +1,3 @@
1
- .mapContainerStyle {
2
- width: 100%;
3
- height: 100%;
4
- position: absolute;
5
- }
6
-
7
1
  .otpMainContainer {
8
2
  display: flex;
9
3
  justify-content: center;
@@ -72,6 +66,26 @@
72
66
  color: grey;
73
67
  }
74
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
+
75
89
  .button {
76
90
  padding: 8px 16px;
77
91
  font-size: 14px;
@@ -126,20 +140,46 @@
126
140
  color: yellow;
127
141
  }
128
142
 
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;
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;
138
149
  }
139
- .badge:hover {
140
- background-color: darkred;
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;
141
169
  }
142
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
+ }
143
183
  .container {
144
184
  display: flex;
145
185
  flex-direction: column;
@@ -197,46 +237,6 @@
197
237
  font-size: 20px;
198
238
  }
199
239
 
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
240
  @keyframes spin {
241
241
  0% {
242
242
  transform: rotate(0deg);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dhre-component-lib",
3
- "version": "0.1.8",
3
+ "version": "0.2.0",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "test": "jest",