@aaravpos/appointment-barber-booking 2.0.2 → 2.0.4

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.
package/dist/styles.css CHANGED
@@ -1600,7 +1600,6 @@
1600
1600
  }
1601
1601
  .aaravpos-barber-skeleton-card {
1602
1602
  position: relative;
1603
- height: 134px;
1604
1603
  overflow: hidden;
1605
1604
  border-radius: 4px;
1606
1605
  background: #e0e0e0;
@@ -1614,6 +1613,77 @@
1614
1613
  background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.5), transparent );
1615
1614
  animation: aaravpos-barber-shimmer 1.2s infinite;
1616
1615
  }
1616
+ .shimmer {
1617
+ position: relative;
1618
+ overflow: hidden;
1619
+ background: #e5e7eb;
1620
+ }
1621
+ .shimmer::before {
1622
+ content: "";
1623
+ position: absolute;
1624
+ top: 0;
1625
+ left: -150px;
1626
+ height: 100%;
1627
+ width: 150px;
1628
+ background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6), transparent );
1629
+ animation: shimmer 1.2s infinite;
1630
+ }
1631
+ @keyframes shimmer {
1632
+ 100% {
1633
+ left: 100%;
1634
+ }
1635
+ }
1636
+ @keyframes aaravpos-barber-shimmer {
1637
+ 100% {
1638
+ left: 100%;
1639
+ }
1640
+ }
1641
+ .aaravpos-barber-slot-skeleton-title {
1642
+ width: 140px;
1643
+ height: 16px;
1644
+ border-radius: 6px;
1645
+ }
1646
+ .aaravpos-barber-slot-skeleton-arrow {
1647
+ width: 20px;
1648
+ height: 20px;
1649
+ border-radius: 50%;
1650
+ }
1651
+ .aaravpos-barber-slot-skeleton-card {
1652
+ width: 100%;
1653
+ height: 56px;
1654
+ }
1655
+ .aaravpos-barber-skeleton-image {
1656
+ width: 100%;
1657
+ height: 160px;
1658
+ }
1659
+ .aaravpos-barber-skeleton-content {
1660
+ padding: 14px 0;
1661
+ }
1662
+ .aaravpos-barber-skeleton-name {
1663
+ width: 70%;
1664
+ height: 18px;
1665
+ border-radius: 8px;
1666
+ margin-bottom: 10px;
1667
+ }
1668
+ .aaravpos-barber-skeleton-role {
1669
+ width: 45%;
1670
+ height: 14px;
1671
+ border-radius: 8px;
1672
+ }
1673
+ .aaravpos-barber-skeleton-btn {
1674
+ width: 100%;
1675
+ height: 42px;
1676
+ border-radius: 12px;
1677
+ margin-top: 14px;
1678
+ }
1679
+ .aaravpos-barber-skeleton-rating {
1680
+ width: 60px;
1681
+ height: 24px;
1682
+ border-radius: 20px;
1683
+ position: absolute;
1684
+ top: 12px;
1685
+ right: 12px;
1686
+ }
1617
1687
  .aaravpos-barber-professional-wrapper {
1618
1688
  overflow-y: auto;
1619
1689
  scrollbar-width: none;
@@ -1689,7 +1759,7 @@
1689
1759
  left: 0;
1690
1760
  right: 0;
1691
1761
  bottom: 0;
1692
- padding: 10px 14px;
1762
+ padding: 8px 14px;
1693
1763
  background: var(--btn-bg);
1694
1764
  @supports (color: color-mix(in lab, red, red)) {
1695
1765
  background: color-mix(in srgb, var(--btn-bg) 40%, transparent);
@@ -1698,7 +1768,7 @@
1698
1768
  .aaravpos-barber-professional-name {
1699
1769
  font-size: 16px;
1700
1770
  line-height: 1;
1701
- font-weight: 900;
1771
+ font-weight: 700;
1702
1772
  color: var(--btn-text);
1703
1773
  text-transform: uppercase;
1704
1774
  display: -webkit-box;
@@ -1711,10 +1781,11 @@
1711
1781
  }
1712
1782
  .aaravpos-barber-professional-role {
1713
1783
  font-size: 11px;
1714
- font-weight: 700;
1784
+ font-weight: 600;
1715
1785
  color: var(--btn-bg-hover);
1716
1786
  text-transform: uppercase;
1717
1787
  letter-spacing: 1px;
1788
+ line-height: normal;
1718
1789
  display: -webkit-box;
1719
1790
  -webkit-line-clamp: 1;
1720
1791
  -webkit-box-orient: vertical;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-barber-booking",
3
- "version": "2.0.2",
3
+ "version": "2.0.4",
4
4
  "description": "A React component library built with Tailwind CSS v4 and TypeScript",
5
5
  "type": "module",
6
6
  "packageManager": "pnpm@10.33.0",