ui-kit-ck-consultant 0.5.116 → 0.5.120

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.css +153 -74
  2. package/dist/index.js +233 -162
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.modern.js +233 -163
  5. package/dist/index.modern.js.map +1 -1
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -515,6 +515,76 @@
515
515
  cursor: not-allowed;
516
516
  background-color: #f5f5f5;
517
517
  }
518
+ ._FJ62d {
519
+ position: relative;
520
+ }
521
+
522
+ ._FJ62d > span {
523
+ display: inline-block;
524
+ font-size: 14px;
525
+ font-weight: bold;
526
+ color: var(--black);
527
+ margin-bottom: 8px;
528
+ }
529
+
530
+ ._1DiO5 {
531
+ display: flex;
532
+ height: 50px;
533
+ width: 100%;
534
+ border: solid 2px var(--gray);
535
+ border-radius: 15px;
536
+ color: var(--black);
537
+ font-size: 14px;
538
+ padding: 0 20px;
539
+ transition: 0.6s;
540
+ opacity: 0.5;
541
+ cursor: pointer;
542
+ }
543
+
544
+ ._1DiO5::-moz-placeholder {
545
+ color: var(--gray);
546
+ }
547
+
548
+ ._1DiO5:-ms-input-placeholder {
549
+ color: var(--gray);
550
+ }
551
+
552
+ ._1DiO5::placeholder {
553
+ color: var(--gray);
554
+ }
555
+
556
+ ._1DiO5:focus {
557
+ outline: none;
558
+ border: solid 2px #b3b3b3;
559
+ }
560
+
561
+ ._1DiO5[disabled] {
562
+ cursor: not-allowed;
563
+ background-color: #f5f5f5;
564
+ }
565
+
566
+ ._1DiO5 > span {
567
+ margin: auto;
568
+ margin-left: 0;
569
+ }
570
+
571
+ ._1DiO5 > div {
572
+ margin: auto;
573
+ margin-right: 0;
574
+ }
575
+
576
+ ._2LF22 {
577
+ position: absolute;
578
+ margin-top: 10px;
579
+ display: flex;
580
+ left: 0;
581
+ right: 0;
582
+ background-color: var(--gray);
583
+ z-index: 50;
584
+ padding: 6px;
585
+ border-radius: 15px;
586
+ }
587
+
518
588
  ._1CaIX > span {
519
589
  display: inline-block;
520
590
  font-size: 14px;
@@ -1484,31 +1554,11 @@
1484
1554
  border-bottom-right-radius: 10px;
1485
1555
  }
1486
1556
 
1487
- ._2JnR3:not(:first-child) > div:first-child {
1488
- position: absolute;
1489
- top: 0;
1490
- left: -20px;
1491
- border-left: solid 20px #ffffff;
1492
- border-bottom: solid 20px var(--thirty-color);
1493
- border-top: solid 20px var(--thirty-color);
1494
- }
1495
-
1496
- ._2JnR3:not(:last-child) > div:last-child {
1497
- position: absolute;
1498
- top: 0;
1499
- right: 0px;
1500
- border-left: solid 20px var(--thirty-color);
1501
- border-bottom: solid 20px #ffffff;
1502
- border-top: solid 20px #ffffff;
1503
- }
1504
-
1505
- ._2JnR3._a0pKA > div:first-child {
1506
- border-bottom-color: var(--primary-color);
1507
- border-top-color: var(--primary-color);
1508
- }
1509
-
1510
- ._2JnR3._a0pKA > div:last-child {
1511
- border-left-color: var(--primary-color);
1557
+ @media screen and (max-width: 640px) {
1558
+ ._2JnR3,
1559
+ ._2JnR3 {
1560
+ border-radius: 10px;
1561
+ }
1512
1562
  }
1513
1563
 
1514
1564
  ._2JnR3._a0pKA {
@@ -1516,65 +1566,94 @@
1516
1566
  color: var(--white);
1517
1567
  }
1518
1568
 
1519
- ._2JnR3._3c4B_ > div:first-child,
1520
- ._2JnR3._3c4B_:hover > div:first-child,
1521
- ._2JnR3._3c4B_:active > div:first-child {
1522
- border-bottom-color: var(--thirty-color) !important;
1523
- border-top-color: var(--thirty-color) !important;
1524
- }
1569
+ @media screen and (min-width: 640px) {
1570
+ ._2JnR3:not(:first-child) > div:first-child {
1571
+ position: absolute;
1572
+ top: 0;
1573
+ left: -20px;
1574
+ border-left: solid 20px #ffffff;
1575
+ border-bottom: solid 20px var(--thirty-color);
1576
+ border-top: solid 20px var(--thirty-color);
1577
+ }
1525
1578
 
1526
- ._2JnR3._3c4B_ > div:last-child,
1527
- ._2JnR3._3c4B_:hover > div:last-child,
1528
- ._2JnR3._3c4B_:active > div:last-child {
1529
- border-left-color: var(--thirty-color) !important;
1530
- }
1579
+ ._2JnR3:not(:last-child) > div:last-child {
1580
+ position: absolute;
1581
+ top: 0;
1582
+ right: 0px;
1583
+ border-left: solid 20px var(--thirty-color);
1584
+ border-bottom: solid 20px #ffffff;
1585
+ border-top: solid 20px #ffffff;
1586
+ }
1531
1587
 
1532
- ._2JnR3._3c4B_,
1533
- ._2JnR3._3c4B_:hover,
1534
- ._2JnR3._3c4B_:active {
1535
- cursor: not-allowed !important;
1536
- background-color: var(--thirty-color) !important;
1537
- color: var(--gray) !important;
1538
- opacity: 1 !important;
1539
- }
1588
+ ._2JnR3._a0pKA > div:first-child {
1589
+ border-bottom-color: var(--primary-color);
1590
+ border-top-color: var(--primary-color);
1591
+ }
1540
1592
 
1541
- ._2JnR3:not(._a0pKA):hover > div:first-child {
1542
- border-bottom-color: var(--primary-color);
1543
- border-top-color: var(--primary-color);
1544
- }
1593
+ ._2JnR3._a0pKA > div:last-child {
1594
+ border-left-color: var(--primary-color);
1595
+ }
1545
1596
 
1546
- ._2JnR3:not(._a0pKA):hover > div:last-child {
1547
- border-left-color: var(--primary-color);
1548
- }
1597
+ ._2JnR3._3c4B_ > div:first-child,
1598
+ ._2JnR3._3c4B_:hover > div:first-child,
1599
+ ._2JnR3._3c4B_:active > div:first-child {
1600
+ border-bottom-color: var(--thirty-color) !important;
1601
+ border-top-color: var(--thirty-color) !important;
1602
+ }
1549
1603
 
1550
- ._2JnR3:not(._a0pKA):hover {
1551
- background-color: var(--primary-color);
1552
- color: var(--white);
1553
- opacity: 0.7;
1554
- }
1604
+ ._2JnR3._3c4B_ > div:last-child,
1605
+ ._2JnR3._3c4B_:hover > div:last-child,
1606
+ ._2JnR3._3c4B_:active > div:last-child {
1607
+ border-left-color: var(--thirty-color) !important;
1608
+ }
1555
1609
 
1556
- ._2JnR3:not(._a0pKA):active {
1557
- background-color: var(--primary-color);
1558
- color: var(--white);
1559
- opacity: 0.5;
1560
- }
1610
+ ._2JnR3._3c4B_,
1611
+ ._2JnR3._3c4B_:hover,
1612
+ ._2JnR3._3c4B_:active {
1613
+ cursor: not-allowed !important;
1614
+ background-color: var(--thirty-color) !important;
1615
+ color: var(--gray) !important;
1616
+ opacity: 1 !important;
1617
+ }
1561
1618
 
1562
- ._2JnR3:not(._a0pKA):active > div:first-child {
1563
- border-bottom-color: var(--primary-color);
1564
- border-top-color: var(--primary-color);
1565
- }
1619
+ ._2JnR3:not(._a0pKA):hover > div:first-child {
1620
+ border-bottom-color: var(--primary-color);
1621
+ border-top-color: var(--primary-color);
1622
+ }
1566
1623
 
1567
- ._2JnR3:not(._a0pKA):active > div:last-child {
1568
- border-left-color: var(--primary-color);
1569
- }
1624
+ ._2JnR3:not(._a0pKA):hover > div:last-child {
1625
+ border-left-color: var(--primary-color);
1626
+ }
1570
1627
 
1571
- ._2JnR3:not(._a0pKA):active > div:first-child {
1572
- border-bottom-color: var(--primary-color);
1573
- border-top-color: var(--primary-color);
1574
- }
1628
+ ._2JnR3:not(._a0pKA):hover {
1629
+ background-color: var(--primary-color);
1630
+ color: var(--white);
1631
+ opacity: 0.7;
1632
+ }
1575
1633
 
1576
- ._2JnR3:not(._a0pKA):active > div:last-child {
1577
- border-left-color: var(--primary-color);
1634
+ ._2JnR3:not(._a0pKA):active {
1635
+ background-color: var(--primary-color);
1636
+ color: var(--white);
1637
+ opacity: 0.5;
1638
+ }
1639
+
1640
+ ._2JnR3:not(._a0pKA):active > div:first-child {
1641
+ border-bottom-color: var(--primary-color);
1642
+ border-top-color: var(--primary-color);
1643
+ }
1644
+
1645
+ ._2JnR3:not(._a0pKA):active > div:last-child {
1646
+ border-left-color: var(--primary-color);
1647
+ }
1648
+
1649
+ ._2JnR3:not(._a0pKA):active > div:first-child {
1650
+ border-bottom-color: var(--primary-color);
1651
+ border-top-color: var(--primary-color);
1652
+ }
1653
+
1654
+ ._2JnR3:not(._a0pKA):active > div:last-child {
1655
+ border-left-color: var(--primary-color);
1656
+ }
1578
1657
  }
1579
1658
 
1580
1659
  ._2JnR3 > span {