@vesture/react 0.2.0 → 0.2.1

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/index.css CHANGED
@@ -1451,4 +1451,327 @@ input:disabled + .Switch_track__1yxysfy2 {
1451
1451
  .DataGrid_editInput__7xivx7o:focus-visible {
1452
1452
  box-shadow: var(--shadow-focus__2kya2wv);
1453
1453
  }
1454
+
1455
+ /* vanilla-extract-css-ns:src/components/Calendar/Calendar.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81XTU_cMBC98ytyAySM2OWjNKiXIvVULtBDpapazcaTxODYqT82m1b971Wc2tmEwGZbRHuKMnmeeZ43nnGOr4GjoKAWSkqzWMxsfXZa1CfRj70ookyXHOo4YoIzgSTluL7ai6LmSShTmBgmRRwlkttCNF8yKONoBeqAEF1CgkQXi8X8oYZ5lR82gBIoZSLrgwrqQcyBUikMSaFgvPZAZ1pKWnvk7KSDavYde8DGcBciz04dNJFcKg9zL8Tg2nhUC1pC8pApaQXtI7VVKSR4C0xjYDtvl0hFUZGKUZP7RZs2j6420drUHAdoZ_PoehM9Qr394tF0E62AMqs9vH3byLE8vNr7uXcchM8RnKff0s_60nvNgbNMEGaw0HGUoDCoGvO91YalNUmkMChMHLWKLtFUiFNKYpNJIYXJP8ISeWAzd2ycqBWyLDc9nVvTDVJmO7UvtxTGTcjE7GxAQMDqvTVGihD_9NmDMDUp3adelbT5WHPP58Exz3v7HMe8Xs0ZBUKXoFCYbSXWCSsenaWBm0lnMbFKN6hSMp--yapGkRPK53LWWKQ1jTGOhBTYGBwp1vQwUipZojJ1vMG6JXYULeWa6ByorAaLqFXQdsCWTCF75g-gw45myeFgsWEFExlJrUhGfCBoJrKwGrcXapzLFapYSHMQU6ZhyZEeuurd0tNCkAkxUplYTVZMsyXH1nlITqhY90Yc1PteTfDtSTu3XnshDQHOZYXUSVhCwhqVTo7P-x4zxWhwdjbew3aYW-tAPRtQrxAfbmUVYp2Px9rRI4X6GnnX9y7-rgs_23DmXTfhT3YcHorvfks__Rw2Npt30N269RP94Maabtq2x7oxE3eMUqmKOLJliSoBjf2cDvP55mXyOQgxqOHLfy3aI9C2OXFnlOzazPo1p0VqeSD77UXmRe_ayESOipld74iPR86fT40uMUfR_ztKRsr4xUfJWIyXGiVjvv9ulIx4_ELBAJHWaEbx3b5RFve_tt4ndq5JAYykUPfc7_IDMCkEE0SByPqb2EHWXa6Akwhp5JgYpJMIlYoVoMJP4MWWn6RR-NO4Txst5W3D_xfoMyz9Hg8AAA */
1456
+ .Calendar_root__1uy43my0 {
1457
+ display: inline-flex;
1458
+ flex-direction: column;
1459
+ gap: var(--space-sm__2kya2wh);
1460
+ padding: var(--space-md__2kya2wi);
1461
+ font-family: var(--font-body__2kya2w10);
1462
+ font-size: var(--font-sizeSm__2kya2w13);
1463
+ color: var(--color-text__2kya2w3);
1464
+ background: var(--color-surfaceRaised__2kya2w2);
1465
+ border-width: var(--border-width__2kya2ww);
1466
+ border-style: var(--border-style__2kya2wy);
1467
+ border-color: var(--color-border__2kya2wd);
1468
+ border-radius: var(--radius-md__2kya2wo);
1469
+ }
1470
+ .Calendar_header__1uy43my1 {
1471
+ display: flex;
1472
+ align-items: center;
1473
+ justify-content: space-between;
1474
+ gap: var(--space-sm__2kya2wh);
1475
+ }
1476
+ .Calendar_monthLabel__1uy43my2 {
1477
+ font-weight: var(--font-weightMedium__2kya2w18);
1478
+ font-size: var(--font-sizeMd__2kya2w14);
1479
+ }
1480
+ .Calendar_navButton__1uy43my3 {
1481
+ display: inline-flex;
1482
+ align-items: center;
1483
+ justify-content: center;
1484
+ width: var(--space-xl__2kya2wk);
1485
+ height: var(--space-xl__2kya2wk);
1486
+ border-width: var(--border-width__2kya2ww);
1487
+ border-style: var(--border-style__2kya2wy);
1488
+ border-color: transparent;
1489
+ border-radius: var(--radius-sm__2kya2wn);
1490
+ background: transparent;
1491
+ color: var(--color-text__2kya2w3);
1492
+ cursor: pointer;
1493
+ font-size: var(--font-sizeMd__2kya2w14);
1494
+ line-height: 1;
1495
+ outline: none;
1496
+ transition-property: background-color, box-shadow;
1497
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1498
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1499
+ }
1500
+ .Calendar_navButton__1uy43my3:hover:not(:disabled) {
1501
+ background: var(--color-surface__2kya2w1);
1502
+ }
1503
+ .Calendar_navButton__1uy43my3:focus-visible {
1504
+ box-shadow: var(--shadow-focus__2kya2wv);
1505
+ }
1506
+ .Calendar_navButton__1uy43my3:disabled {
1507
+ cursor: not-allowed;
1508
+ opacity: 0.5;
1509
+ }
1510
+ .Calendar_grid__1uy43my4 {
1511
+ display: flex;
1512
+ flex-direction: column;
1513
+ gap: var(--space-xs__2kya2wg);
1514
+ }
1515
+ .Calendar_weekRow__1uy43my5 {
1516
+ display: flex;
1517
+ gap: var(--space-xs__2kya2wg);
1518
+ }
1519
+ .Calendar_weekdayCell__1uy43my6 {
1520
+ display: flex;
1521
+ align-items: center;
1522
+ justify-content: center;
1523
+ width: var(--space-2xl__2kya2wl);
1524
+ height: var(--space-lg__2kya2wj);
1525
+ font-size: var(--font-sizeXs__2kya2w12);
1526
+ font-weight: var(--font-weightMedium__2kya2w18);
1527
+ color: var(--color-textMuted__2kya2w4);
1528
+ text-transform: uppercase;
1529
+ }
1530
+ .Calendar_dayCell__1uy43my7 {
1531
+ display: flex;
1532
+ align-items: center;
1533
+ justify-content: center;
1534
+ }
1535
+ .Calendar_dayButton__1uy43my8 {
1536
+ display: flex;
1537
+ align-items: center;
1538
+ justify-content: center;
1539
+ width: var(--space-2xl__2kya2wl);
1540
+ height: var(--space-2xl__2kya2wl);
1541
+ border-width: var(--border-widthStrong__2kya2wx);
1542
+ border-style: var(--border-style__2kya2wy);
1543
+ border-color: transparent;
1544
+ border-radius: var(--radius-full__2kya2wq);
1545
+ background: transparent;
1546
+ color: var(--color-text__2kya2w3);
1547
+ font-family: inherit;
1548
+ font-size: var(--font-sizeSm__2kya2w13);
1549
+ cursor: pointer;
1550
+ outline: none;
1551
+ transition-property:
1552
+ background-color,
1553
+ border-color,
1554
+ color,
1555
+ box-shadow;
1556
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1557
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1558
+ }
1559
+ .Calendar_dayButton__1uy43my8:hover:not(:disabled) {
1560
+ background: var(--color-surface__2kya2w1);
1561
+ }
1562
+ .Calendar_dayButton__1uy43my8:focus-visible {
1563
+ box-shadow: var(--shadow-focus__2kya2wv);
1564
+ }
1565
+ .Calendar_dayButton__1uy43my8:disabled {
1566
+ cursor: not-allowed;
1567
+ opacity: 0.5;
1568
+ }
1569
+ .Calendar_dayButton__1uy43my8[data-outside=true] {
1570
+ color: var(--color-textMuted__2kya2w4);
1571
+ }
1572
+ .Calendar_dayButton__1uy43my8[data-today=true] {
1573
+ border-color: var(--color-border__2kya2wd);
1574
+ }
1575
+ .Calendar_dayButton__1uy43my8[data-in-range=true] {
1576
+ background: var(--color-surface__2kya2w1);
1577
+ border-radius: var(--radius-sm__2kya2wn);
1578
+ }
1579
+ .Calendar_dayButton__1uy43my8[data-selected=true] {
1580
+ background: var(--color-primary__2kya2w6);
1581
+ border-color: var(--color-primary__2kya2w6);
1582
+ color: var(--color-primaryText__2kya2w9);
1583
+ }
1584
+
1585
+ /* vanilla-extract-css-ns:src/components/DatePicker/DatePicker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA82W3W_TMBDA3_tX5AVtlfCU7gOkTLwghOBhCMETQqi6xJfW1PFZ9qUfQ_vfUZwlbbqsDQOhvcWXn-_Ld2efvQPGzypboJuuHFiLbjqVr8vNBOLo1yiKLHnFikwSOdTAaonXoyiSylsNmyRSRiuDIte4ruQrJXmeRJM4fnE9uhud7WiXwPjR2JIb_ZOgv9WUasoWD3REUU6GRQ6F0pskWoI7FSKIUpKb6fR8sYHz1SQet6hXt9gBK8GNbNHLgAav56hmc-7AlfxDEH8iV4But6VhW0aaXLMhLATjmhvqIkApZIuZo9LILulLl0OGrcoaJifRCQdSlb7h65UoWq9pl71PUI3uyhp6tUt73mjco4OsoTe7dE-A9Z-GloG2IKUyM8FkG9hbyFD4ogHnHTAlZiqGsRpz7pLbRKgO6XbPr0bX7ZEtAkolV2eaRIZMKF12YOqSFtaRRcdV8e1E_zJKaS38HCSt9jbI0kHdDLXJgjri9-DbUphk473NrIrK57w0WY8OBK_MrN2N4-P9kyRWQ4Zz0hJdaKZHyvOmZGwzeDlE85yW6BJDfJpI5SHVKMfBwrEy-cqOtmEMiiKnrPRiqbxKNR4xYp0qwLV9_-q-dJvjakshrETQ3LDLIb40wdbZLJ2vHDDEArSmFcpQURYyVRVNfHZ1XOV3cAqEMkvQSr45YVfiyY8jUUows23HZQMc77XyR5l9aPPpiVUZmbclM5nGwfO9uwRST7rkuiGrGXJVD_u-hm4NzbYdlZMrkvpTA-O3U3EVvxgfuplAq5kRirHwSZShYXSV-GfpWeUbkZFhNLz7qzNm-4dL9wLpZ_7f0A7psODQ8LGbZTt6zYMra0_N0Jmy7RdLqsnhwOnbWm8m8HMexD3VfWBeHn4LfAHlt2k8H_rGOO5QX-v_s2b-6zFpyVYJaxRePDVVh0pct2don9nj6dGT2Lpc9r9dboUyEtdJNJnE8fXo7jdIcTnhvgsAAA */
1586
+ .DatePicker_wrapper__d7uy1a0 {
1587
+ position: relative;
1588
+ display: inline-flex;
1589
+ width: 100%;
1590
+ }
1591
+ .DatePicker_dateInput__d7uy1a1 {
1592
+ display: block;
1593
+ width: 100%;
1594
+ font-family: var(--font-body__2kya2w10);
1595
+ font-size: var(--font-sizeMd__2kya2w14);
1596
+ line-height: var(--font-lineHeightNormal__2kya2w1b);
1597
+ color: var(--color-text__2kya2w3);
1598
+ background: var(--color-surface__2kya2w1);
1599
+ border-radius: var(--radius-md__2kya2wo);
1600
+ border-width: var(--border-width__2kya2ww);
1601
+ border-style: var(--border-style__2kya2wy);
1602
+ border-color: var(--color-border__2kya2wd);
1603
+ padding-top: var(--space-sm__2kya2wh);
1604
+ padding-bottom: var(--space-sm__2kya2wh);
1605
+ padding-left: var(--space-md__2kya2wi);
1606
+ padding-right: var(--space-xl__2kya2wk);
1607
+ outline: none;
1608
+ transition-property: border-color, box-shadow;
1609
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1610
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1611
+ }
1612
+ .DatePicker_dateInput__d7uy1a1::placeholder {
1613
+ color: var(--color-textMuted__2kya2w4);
1614
+ }
1615
+ .DatePicker_dateInput__d7uy1a1:hover:not(:disabled) {
1616
+ border-color: var(--color-borderStrong__2kya2we);
1617
+ }
1618
+ .DatePicker_dateInput__d7uy1a1:focus-visible {
1619
+ border-color: var(--color-primary__2kya2w6);
1620
+ box-shadow: var(--shadow-focus__2kya2wv);
1621
+ }
1622
+ .DatePicker_dateInput__d7uy1a1:disabled {
1623
+ cursor: not-allowed;
1624
+ opacity: 0.5;
1625
+ }
1626
+ .DatePicker_dateInput__d7uy1a1[aria-invalid=true] {
1627
+ border-color: var(--color-danger__2kya2wc);
1628
+ }
1629
+ .DatePicker_dateInput__d7uy1a1[aria-invalid=true]:focus-visible {
1630
+ border-color: var(--color-danger__2kya2wc);
1631
+ box-shadow: var(--shadow-focus__2kya2wv);
1632
+ }
1633
+ .DatePicker_iconButton__d7uy1a2 {
1634
+ position: absolute;
1635
+ top: 50%;
1636
+ right: var(--space-xs__2kya2wg);
1637
+ transform: translateY(-50%);
1638
+ display: inline-flex;
1639
+ align-items: center;
1640
+ justify-content: center;
1641
+ width: var(--space-xl__2kya2wk);
1642
+ height: var(--space-xl__2kya2wk);
1643
+ border-width: var(--border-width__2kya2ww);
1644
+ border-style: var(--border-style__2kya2wy);
1645
+ border-color: transparent;
1646
+ border-radius: var(--radius-sm__2kya2wn);
1647
+ background: transparent;
1648
+ color: var(--color-textMuted__2kya2w4);
1649
+ cursor: pointer;
1650
+ outline: none;
1651
+ transition-property:
1652
+ background-color,
1653
+ color,
1654
+ box-shadow;
1655
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1656
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1657
+ }
1658
+ .DatePicker_iconButton__d7uy1a2:hover:not(:disabled) {
1659
+ background: var(--color-surfaceRaised__2kya2w2);
1660
+ color: var(--color-text__2kya2w3);
1661
+ }
1662
+ .DatePicker_iconButton__d7uy1a2:focus-visible {
1663
+ box-shadow: var(--shadow-focus__2kya2wv);
1664
+ }
1665
+ .DatePicker_iconButton__d7uy1a2:disabled {
1666
+ cursor: not-allowed;
1667
+ opacity: 0.5;
1668
+ }
1669
+ .DatePicker_popover__d7uy1a3 {
1670
+ background: var(--color-surfaceRaised__2kya2w2);
1671
+ border-radius: var(--radius-lg__2kya2wp);
1672
+ border-width: var(--border-width__2kya2ww);
1673
+ border-style: var(--border-style__2kya2wy);
1674
+ border-color: var(--color-border__2kya2wd);
1675
+ box-shadow: var(--shadow-lg__2kya2wu);
1676
+ outline: none;
1677
+ z-index: 1100;
1678
+ }
1679
+
1680
+ /* vanilla-extract-css-ns:src/components/DateRangePicker/DateRangePicker.css.ts.vanilla.css?source=#H4sIAAAAAAAAA81WTW_bMAy951f4MrQBpiJO0x1c7DIMw3boMLTHYQgYi4m1yJIg0fno0P8-WI6UOHUTbwOGHk0_kU_kk56uPgLhPagFfhP5Eu10bcEYtNNpmtL4xk5Gya9BkhjtBAmtssSiBBIrvB0kCRfOSNhmiVBSKGRziZs6DlIsFBOEpcuSHBWhrcNrwanIknQ0elN_LsBkyQrsJWPOQI5s46bT8XIL4_ViWANmkC8XVleKB1yupbbMVXYOOQZw2oC15WiZBS4qF_DNFyt5wOpD7I5PAz2MBfT6EO1oK_EI7WMBvT1Ee6Zt2s2fgOYebYBzoRZM4pzazdhzFi2kFYuCTvdNV1SPI0uUVn5OZEE182PGaoOWtlmL6NtkpjfMFcD1-mgBryw0k29KlroV_gSO4iDy4dFiEmXNeV6pvCMHghNqEVfj8HbwNLg6K8is0Cu0Xpbnmv1AVu8r9C4w13nl2FpQIdSZOsaKEuw2lHi300BoZhyU_2I-ccCuetL5zoGAceFgJpG_vyBb4cUPzyuvrKsZKU0MpNRr5F4ABnJRz3h0ddNZgwPhF2UqilVSn68-wFmS1jlKocIBGe11vdfU4eH0EzdgUVH9a64VsTmUQm7D_n1opnlsVDoaRqgTj9gC1oG7qP904qH-hinwUP4eXMc_-_BXbUuQcdnML-uYGeEmava6dbhIH11JrgzAogWcaSJdnsYeHcN-Y8gyIyHHQku-0_gLG7irCGOLJt1S6sofdPSyfjoSOTRggfReleOoF-YKK9RyJ5O-bE-N_iE2Mr3u3pjItfpQEWkVCV17Qn_oSD8rR2K-ZblWhIoOfz3fWssudjdvVNvS76ktz27M_zOfo2N5yiH32lXPrPcoTf8JB3UZLUJXe1pTrB7s6dW7VJciG6PKlKbLeOyGjZ-cftncg3D7Zo773mN9aTX2thJOzCTu_O0fDKuzxvlrpodNGW3qDsa0k79t3inpyzhb88oehy9OZU-56n7wPTKhuLfydDS6HTz9BvtQj6bmCwAA */
1681
+ .DateRangePicker_wrapper__11t25r40 {
1682
+ position: relative;
1683
+ display: inline-flex;
1684
+ align-items: center;
1685
+ width: 100%;
1686
+ gap: var(--space-xs__2kya2wg);
1687
+ background: var(--color-surface__2kya2w1);
1688
+ border-radius: var(--radius-md__2kya2wo);
1689
+ border-width: var(--border-width__2kya2ww);
1690
+ border-style: var(--border-style__2kya2wy);
1691
+ border-color: var(--color-border__2kya2wd);
1692
+ padding-left: var(--space-md__2kya2wi);
1693
+ padding-right: var(--space-xs__2kya2wg);
1694
+ outline: none;
1695
+ transition-property: border-color, box-shadow;
1696
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1697
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1698
+ }
1699
+ .DateRangePicker_wrapper__11t25r40:hover {
1700
+ border-color: var(--color-borderStrong__2kya2we);
1701
+ }
1702
+ .DateRangePicker_wrapper__11t25r40:focus-within {
1703
+ border-color: var(--color-primary__2kya2w6);
1704
+ box-shadow: var(--shadow-focus__2kya2wv);
1705
+ }
1706
+ .DateRangePicker_wrapper__11t25r40[data-disabled=true] {
1707
+ cursor: not-allowed;
1708
+ opacity: 0.5;
1709
+ }
1710
+ .DateRangePicker_dateInput__11t25r41 {
1711
+ flex: 1;
1712
+ min-width: 0;
1713
+ border: none;
1714
+ background: transparent;
1715
+ font-family: var(--font-body__2kya2w10);
1716
+ font-size: var(--font-sizeMd__2kya2w14);
1717
+ line-height: var(--font-lineHeightNormal__2kya2w1b);
1718
+ color: var(--color-text__2kya2w3);
1719
+ padding-top: var(--space-sm__2kya2wh);
1720
+ padding-bottom: var(--space-sm__2kya2wh);
1721
+ outline: none;
1722
+ }
1723
+ .DateRangePicker_dateInput__11t25r41::placeholder {
1724
+ color: var(--color-textMuted__2kya2w4);
1725
+ }
1726
+ .DateRangePicker_dateInput__11t25r41:disabled {
1727
+ cursor: not-allowed;
1728
+ }
1729
+ .DateRangePicker_separator__11t25r42 {
1730
+ flex-shrink: 0;
1731
+ color: var(--color-textMuted__2kya2w4);
1732
+ font-size: var(--font-sizeSm__2kya2w13);
1733
+ }
1734
+ .DateRangePicker_iconButton__11t25r43 {
1735
+ display: inline-flex;
1736
+ align-items: center;
1737
+ justify-content: center;
1738
+ flex-shrink: 0;
1739
+ width: var(--space-xl__2kya2wk);
1740
+ height: var(--space-xl__2kya2wk);
1741
+ border-width: var(--border-width__2kya2ww);
1742
+ border-style: var(--border-style__2kya2wy);
1743
+ border-color: transparent;
1744
+ border-radius: var(--radius-sm__2kya2wn);
1745
+ background: transparent;
1746
+ color: var(--color-textMuted__2kya2w4);
1747
+ cursor: pointer;
1748
+ outline: none;
1749
+ transition-property:
1750
+ background-color,
1751
+ color,
1752
+ box-shadow;
1753
+ transition-duration: var(--motion-durationFast__2kya2w1c);
1754
+ transition-timing-function: var(--motion-easing__2kya2w1e);
1755
+ }
1756
+ .DateRangePicker_iconButton__11t25r43:hover:not(:disabled) {
1757
+ background: var(--color-surfaceRaised__2kya2w2);
1758
+ color: var(--color-text__2kya2w3);
1759
+ }
1760
+ .DateRangePicker_iconButton__11t25r43:focus-visible {
1761
+ box-shadow: var(--shadow-focus__2kya2wv);
1762
+ }
1763
+ .DateRangePicker_iconButton__11t25r43:disabled {
1764
+ cursor: not-allowed;
1765
+ opacity: 0.5;
1766
+ }
1767
+ .DateRangePicker_popover__11t25r44 {
1768
+ background: var(--color-surfaceRaised__2kya2w2);
1769
+ border-radius: var(--radius-lg__2kya2wp);
1770
+ border-width: var(--border-width__2kya2ww);
1771
+ border-style: var(--border-style__2kya2wy);
1772
+ border-color: var(--color-border__2kya2wd);
1773
+ box-shadow: var(--shadow-lg__2kya2wu);
1774
+ outline: none;
1775
+ z-index: 1100;
1776
+ }
1454
1777
  /*# sourceMappingURL=index.css.map */