nestiq-component-library 1.1.153 → 1.1.155

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 (6) hide show
  1. package/dist/index.es.js +25 -30
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +25 -30
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/NewPropertyCard/NewPropertyCard.tsx +29 -33
package/src/components/NewPropertyCard/NewPropertyCard.tsx CHANGED
@@ -156,12 +156,12 @@ export default function PropertyCard(props: PopupProps) {
156
156
  </div>
157
157
  </div>
158
158
  <div
159
- className={`listing-compactd-flex flex-column align-self-end col-6 ${
159
+ className={`listing-compact d-flex align-self-end flex-column col-6 ${
160
160
  props.Impliment ? "cc-height" : "listing-height"
161
161
  }`}
162
162
  >
163
163
  <div
164
- className="d-flex flex-column gap-3 justify-content-between mb-4"
164
+ className="d-flex flex-column gap-3 mb-4 justify-content-between"
165
165
  style={{ height: "104px" }}
166
166
  >
167
167
  <div className="d-flex flex-row justify-content-between gap-2">
@@ -175,8 +175,8 @@ export default function PropertyCard(props: PopupProps) {
175
175
  role="button"
176
176
  >
177
177
  {props.property.expose?.title}
178
- {/* Einziehen ohne einen Pinselstrich - Kernsanierte Eigentumswohnung
179
- in top Lage */}
178
+ {/*Einziehen ohne einen Pinselstrich - Kernsanierte Eigentumswohnung*/}
179
+ {/*in top Lage*/}
180
180
  </span>
181
181
  <div
182
182
  className="d-flex gap-2"
@@ -188,7 +188,7 @@ export default function PropertyCard(props: PopupProps) {
188
188
  >
189
189
  <img
190
190
  src={shareIcon}
191
- alt="Location Icon"
191
+ alt="Share Icon"
192
192
  className=" "
193
193
  onClick={handleSharePopUp}
194
194
  style={{ maxHeight: "24px", maxWidth: "24px" }}
@@ -196,7 +196,7 @@ export default function PropertyCard(props: PopupProps) {
196
196
  />
197
197
  <img
198
198
  src={moreIcon}
199
- alt="Location Icon"
199
+ alt="More Icon"
200
200
  className=""
201
201
  style={{ maxHeight: "24px", maxWidth: "24px" }}
202
202
  role="button"
@@ -215,9 +215,9 @@ export default function PropertyCard(props: PopupProps) {
215
215
  <img
216
216
  src={locationIcon}
217
217
  alt="Location Icon"
218
- className="Vector-test"
218
+ className="location-icon"
219
219
  />
220
- <span className="locationTexts-test">
220
+ <span className="locationTexts ">
221
221
  {props.property.city || "N/A"}
222
222
  </span>
223
223
  </div>
@@ -230,55 +230,52 @@ export default function PropertyCard(props: PopupProps) {
230
230
  paddingRight: "32px",
231
231
  }}
232
232
  >
233
- <span className="priceValue-test col-lg-4 col-md-4 col-sm-6 ">
233
+ <span className="priceValue col-lg-4 col-md-4 col-sm-6 ">
234
234
  {formatPrice(props.property?.evaluation?.askingPrice ?? 0)} €
235
- <div className="price_label-test">Kaufpreis</div>
235
+ <div className="price_label">Kaufpreis</div>
236
236
  </span>
237
- <span className="text-dark value-test col-lg-5 col-md-5 col-sm-7">
237
+ <span className="text-dark value col-lg-5 col-md-5 col-sm-7">
238
238
  {props.property.constructedArea} m²
239
- <div className="details-test">Wohnfläche</div>
239
+ <div className="details">Wohnfläche</div>
240
240
  </span>
241
- <span className="text-dark value-test col-lg-4 col-md-3 col-sm-6 text-truncate ">
241
+ <span className="text-dark value col-lg-4 col-md-3 col-sm-6 text-truncate ">
242
242
  {+props.property?.rooms}
243
- <div className="details-test">Zimmer</div>
243
+ <div className="details">Zimmer</div>
244
244
  </span>
245
- <span className="text-dark value-test col-lg-4 col-md-3 col-sm-4 text-truncate ">
245
+ <span className="text-dark value col-lg-4 col-md-3 col-sm-4 text-truncate ">
246
246
  {+props.property.propertyArea} m²
247
- <div className="details-test">Grundstück</div>
247
+ <div className="details">Grundstück</div>
248
248
  </span>
249
249
  </div>
250
250
  <div
251
251
  className="labelTopClass d-flex start-0 col-sm-5 col-lg-8 "
252
252
  style={{ padding: "0 28px" }}
253
253
  >
254
- <div
255
- className=" align-items-center d-flex flex-row gap-3"
256
- style={{ marginBottom: "" }}
257
- >
254
+ <div className=" align-items-center d-flex flex-row gap-3">
258
255
  {props.property.historicalProtection && (
259
256
  <label className="chipLabel justify-content-center align-items-center">
260
- <span className="layersText_Test ">{"Denkmalschutz"}</span>
257
+ <span className="layersText">{"Denkmalschutz"}</span>
261
258
  </label>
262
259
  )}
263
260
 
264
261
  {props.property.basement && (
265
- <label className="chipLabel justify-content-center align-items-center">
266
- <span className="layersText_Test ">{"Keller"}</span>
262
+ <label className="chipLabel justify-content-center align-items-center">
263
+ <span className="layersText">{"Keller"}</span>
267
264
  </label>
268
265
  )}
269
266
  {props.property.balcony && (
270
- <label className="secondLabel justify-content-center align-items-center">
271
- <span className="layersText_Test ">{"Balkon"}</span>
267
+ <label className="chipLabel justify-content-center align-items-center">
268
+ <span className="layersText">{"Balkon"}</span>
272
269
  </label>
273
270
  )}
274
271
  {props.property.terrace && (
275
272
  <label className="chipLabel justify-content-center align-items-center ">
276
- <span className="layersText_Test">{"Terrace"}</span>
273
+ <span className="layersText">{"Terrace"}</span>
277
274
  </label>
278
275
  )}
279
276
  {props.property.guestBathroom && (
280
277
  <label className="chipLabel">
281
- <span className="layersText_Test">{"Gäste-WC"}</span>
278
+ <span className="layersText">{"Gäste-WC"}</span>
282
279
  </label>
283
280
  )}
284
281
  </div>
@@ -298,15 +295,15 @@ export default function PropertyCard(props: PopupProps) {
298
295
  <div className="ms-2 d-flex flex-column col-8 justify-content-center align-self-center text-center">
299
296
  <span className="fw-bold">Herr Florian Gauss</span>
300
297
  <span>Immogart UGh</span>
301
- <button
302
- className="kontactbutton_test text-light align-self-center"
298
+ {/* <button
299
+ className="kontactbutton text-light align-self-center"
303
300
  onClick={handleMessagPopUp}
304
301
  role="button"
305
302
  >
306
303
  <span className="kontact-button-text">
307
304
  Kontakt aufnehmen{" "}
308
305
  </span>
309
- </button>
306
+ </button> */}
310
307
  </div>
311
308
  </div>
312
309
  </div>
@@ -317,10 +314,9 @@ export default function PropertyCard(props: PopupProps) {
317
314
  style={{
318
315
  paddingLeft: "32px",
319
316
  paddingRight: "32px",
320
- // marginBottom: "32px",
321
317
  }}
322
318
  >
323
- <div className="Frame-136-test d-flex flex-row">
319
+ <div className="Frame-136 d-flex flex-row">
324
320
  <div className="d-flex flex-column flex-lg-row col-4 justify-content-between ">
325
321
  <img src={immooly} alt="Logo" className="immooly" />
326
322
  </div>
@@ -330,7 +326,7 @@ export default function PropertyCard(props: PopupProps) {
330
326
  <span>Immogart UGh</span>
331
327
  </div>
332
328
  <button
333
- className="kontactbutton_test text-light "
329
+ className="kontactbutton text-light "
334
330
  onClick={handleMessagPopUp}
335
331
  role="button"
336
332
  >