@pro6pp/infer-react 0.0.2-beta.12 → 0.0.2-beta.13

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 (3) hide show
  1. package/dist/index.cjs +39 -8
  2. package/dist/index.js +39 -8
  3. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -444,6 +444,12 @@ var DEFAULT_STYLES = `
444
444
  appearance: none;
445
445
  transition: border-color 0.2s, box-shadow 0.2s;
446
446
  }
447
+
448
+ .pro6pp-input::placeholder {
449
+ font-size: 16px;
450
+ color: #a3a3a3;
451
+ }
452
+
447
453
  .pro6pp-input:focus {
448
454
  outline: none;
449
455
  border-color: #3b82f6;
@@ -466,8 +472,8 @@ var DEFAULT_STYLES = `
466
472
  .pro6pp-clear-button {
467
473
  background: none;
468
474
  border: none;
469
- width: 40px;
470
- height: 40px;
475
+ width: 32px;
476
+ height: 32px;
471
477
  cursor: pointer;
472
478
  color: #a3a3a3;
473
479
  display: flex;
@@ -512,7 +518,7 @@ var DEFAULT_STYLES = `
512
518
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
513
519
  z-index: 9999;
514
520
  padding: 0;
515
- max-height: 260px;
521
+ max-height: 280px;
516
522
  overflow-y: auto;
517
523
  display: flex;
518
524
  flex-direction: column;
@@ -520,7 +526,7 @@ var DEFAULT_STYLES = `
520
526
 
521
527
  @media (max-height: 500px) {
522
528
  .pro6pp-dropdown {
523
- max-height: 140px;
529
+ max-height: 180px;
524
530
  }
525
531
  }
526
532
 
@@ -536,7 +542,8 @@ var DEFAULT_STYLES = `
536
542
  cursor: pointer;
537
543
  display: flex;
538
544
  align-items: center;
539
- font-size: 14px;
545
+ font-size: 15px;
546
+ line-height: 1.4;
540
547
  color: #374151;
541
548
  border-bottom: 1px solid #f3f4f6;
542
549
  transition: background-color 0.1s;
@@ -559,18 +566,24 @@ var DEFAULT_STYLES = `
559
566
 
560
567
  .pro6pp-item__label {
561
568
  font-weight: 500;
562
- flex-shrink: 0;
569
+ flex-shrink: 1;
570
+ overflow: hidden;
571
+ text-overflow: ellipsis;
572
+ white-space: nowrap;
563
573
  }
574
+
564
575
  .pro6pp-item__subtitle {
565
- font-size: 14px;
576
+ font-size: 13px;
566
577
  color: #6b7280;
567
- flex-grow: 1;
578
+ flex-shrink: 0;
568
579
  }
580
+
569
581
  .pro6pp-item__chevron {
570
582
  color: #d1d5db;
571
583
  display: flex;
572
584
  align-items: center;
573
585
  margin-left: auto;
586
+ padding-left: 8px;
574
587
  }
575
588
 
576
589
  .pro6pp-no-results {
@@ -594,6 +607,24 @@ var DEFAULT_STYLES = `
594
607
  touch-action: manipulation;
595
608
  }
596
609
 
610
+ @media (max-width: 640px) {
611
+ .pro6pp-input {
612
+ font-size: 16px;
613
+ padding: 10px 12px;
614
+ }
615
+ .pro6pp-item {
616
+ padding: 10px 12px;
617
+ font-size: 14px;
618
+ }
619
+ .pro6pp-item__subtitle {
620
+ font-size: 12px;
621
+ }
622
+ .pro6pp-load-more {
623
+ padding: 12px;
624
+ font-size: 13px;
625
+ }
626
+ }
627
+
597
628
  .pro6pp-load-more:active {
598
629
  background-color: #f3f4f6;
599
630
  }
package/dist/index.js CHANGED
@@ -418,6 +418,12 @@ var DEFAULT_STYLES = `
418
418
  appearance: none;
419
419
  transition: border-color 0.2s, box-shadow 0.2s;
420
420
  }
421
+
422
+ .pro6pp-input::placeholder {
423
+ font-size: 16px;
424
+ color: #a3a3a3;
425
+ }
426
+
421
427
  .pro6pp-input:focus {
422
428
  outline: none;
423
429
  border-color: #3b82f6;
@@ -440,8 +446,8 @@ var DEFAULT_STYLES = `
440
446
  .pro6pp-clear-button {
441
447
  background: none;
442
448
  border: none;
443
- width: 40px;
444
- height: 40px;
449
+ width: 32px;
450
+ height: 32px;
445
451
  cursor: pointer;
446
452
  color: #a3a3a3;
447
453
  display: flex;
@@ -486,7 +492,7 @@ var DEFAULT_STYLES = `
486
492
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
487
493
  z-index: 9999;
488
494
  padding: 0;
489
- max-height: 260px;
495
+ max-height: 280px;
490
496
  overflow-y: auto;
491
497
  display: flex;
492
498
  flex-direction: column;
@@ -494,7 +500,7 @@ var DEFAULT_STYLES = `
494
500
 
495
501
  @media (max-height: 500px) {
496
502
  .pro6pp-dropdown {
497
- max-height: 140px;
503
+ max-height: 180px;
498
504
  }
499
505
  }
500
506
 
@@ -510,7 +516,8 @@ var DEFAULT_STYLES = `
510
516
  cursor: pointer;
511
517
  display: flex;
512
518
  align-items: center;
513
- font-size: 14px;
519
+ font-size: 15px;
520
+ line-height: 1.4;
514
521
  color: #374151;
515
522
  border-bottom: 1px solid #f3f4f6;
516
523
  transition: background-color 0.1s;
@@ -533,18 +540,24 @@ var DEFAULT_STYLES = `
533
540
 
534
541
  .pro6pp-item__label {
535
542
  font-weight: 500;
536
- flex-shrink: 0;
543
+ flex-shrink: 1;
544
+ overflow: hidden;
545
+ text-overflow: ellipsis;
546
+ white-space: nowrap;
537
547
  }
548
+
538
549
  .pro6pp-item__subtitle {
539
- font-size: 14px;
550
+ font-size: 13px;
540
551
  color: #6b7280;
541
- flex-grow: 1;
552
+ flex-shrink: 0;
542
553
  }
554
+
543
555
  .pro6pp-item__chevron {
544
556
  color: #d1d5db;
545
557
  display: flex;
546
558
  align-items: center;
547
559
  margin-left: auto;
560
+ padding-left: 8px;
548
561
  }
549
562
 
550
563
  .pro6pp-no-results {
@@ -568,6 +581,24 @@ var DEFAULT_STYLES = `
568
581
  touch-action: manipulation;
569
582
  }
570
583
 
584
+ @media (max-width: 640px) {
585
+ .pro6pp-input {
586
+ font-size: 16px;
587
+ padding: 10px 12px;
588
+ }
589
+ .pro6pp-item {
590
+ padding: 10px 12px;
591
+ font-size: 14px;
592
+ }
593
+ .pro6pp-item__subtitle {
594
+ font-size: 12px;
595
+ }
596
+ .pro6pp-load-more {
597
+ padding: 12px;
598
+ font-size: 13px;
599
+ }
600
+ }
601
+
571
602
  .pro6pp-load-more:active {
572
603
  background-color: #f3f4f6;
573
604
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "url": "https://github.com/pro6pp/infer-sdk/issues"
21
21
  },
22
22
  "sideEffects": false,
23
- "version": "0.0.2-beta.12",
23
+ "version": "0.0.2-beta.13",
24
24
  "main": "./dist/index.cjs",
25
25
  "module": "./dist/index.js",
26
26
  "types": "./dist/index.d.ts",
@@ -46,7 +46,7 @@
46
46
  "react": ">=16"
47
47
  },
48
48
  "dependencies": {
49
- "@pro6pp/infer-core": "0.0.2-beta.10"
49
+ "@pro6pp/infer-core": "0.0.2-beta.11"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@testing-library/dom": "^10.4.1",