@itilite/lumina-ui 0.0.323 → 0.0.324

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 (2) hide show
  1. package/dist/styles.css +292 -0
  2. package/package.json +2 -4
package/dist/styles.css CHANGED
@@ -1452,3 +1452,295 @@
1452
1452
  }
1453
1453
 
1454
1454
  /* CSS Modules */
1455
+
1456
+
1457
+ /* CSS Modules */
1458
+ /* src/Button/Button.module.scss */
1459
+ .Button-module__button___PM45p {
1460
+ display: flex;
1461
+ align-items: center;
1462
+ justify-content: center;
1463
+ gap: 0.25rem;
1464
+ border-radius: 0.5rem;
1465
+ }
1466
+ .Button-module__button___PM45p.Button-module__size_large___4muaQ {
1467
+ height: 56px;
1468
+ padding-left: 1rem;
1469
+ padding-right: 1rem;
1470
+ }
1471
+ .Button-module__button___PM45p.Button-module__size_large___4muaQ.Button-module__shape_circle___5jh5G {
1472
+ width: 56px;
1473
+ }
1474
+ .Button-module__button___PM45p.Button-module__size_normal___qtQjh {
1475
+ height: 40px;
1476
+ padding-left: 0.75rem;
1477
+ padding-right: 0.75rem;
1478
+ }
1479
+ .Button-module__button___PM45p.Button-module__size_normal___qtQjh.Button-module__shape_circle___5jh5G {
1480
+ width: 40px;
1481
+ }
1482
+ .Button-module__button___PM45p.Button-module__size_small___7xabg {
1483
+ height: 32px;
1484
+ padding-left: 0.5rem;
1485
+ padding-right: 0.5rem;
1486
+ }
1487
+ .Button-module__button___PM45p.Button-module__size_small___7xabg.Button-module__shape_circle___5jh5G {
1488
+ width: 32px;
1489
+ }
1490
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3 {
1491
+ --tw-bg-opacity: 1;
1492
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1493
+ border-width: 1px;
1494
+ border-style: solid;
1495
+ --tw-border-opacity: 1;
1496
+ border-color: rgb(236 93 37 / var(--tw-border-opacity, 1));
1497
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1498
+ }
1499
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.ant-btn-primary:hover, .Button-module__button___PM45p.Button-module__type_primary___-eoy3.ant-btn-primary:active {
1500
+ --tw-bg-opacity: 1;
1501
+ background-color: rgb(236 93 37 / var(--tw-bg-opacity, 1));
1502
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1503
+ }
1504
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3:focus-visible {
1505
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1506
+ }
1507
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_subtle___FojFh {
1508
+ --tw-text-opacity: 1;
1509
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1510
+ }
1511
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_subtle___FojFh:hover {
1512
+ --tw-text-opacity: 1;
1513
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1514
+ }
1515
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_text___T-3KC, .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_link___dTdwy {
1516
+ --tw-text-opacity: 1;
1517
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1518
+ }
1519
+ .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_text___T-3KC:hover, .Button-module__button___PM45p.Button-module__type_primary___-eoy3.Button-module__variant_link___dTdwy:hover {
1520
+ --tw-text-opacity: 1;
1521
+ color: rgb(236 93 37 / var(--tw-text-opacity, 1));
1522
+ }
1523
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y {
1524
+ border-width: 1px;
1525
+ border-style: solid;
1526
+ --tw-bg-opacity: 1;
1527
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1528
+ --tw-border-opacity: 1;
1529
+ border-color: rgb(17 24 39 / var(--tw-border-opacity, 1));
1530
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1531
+ }
1532
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.ant-btn-primary:hover, .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.ant-btn-primary:active {
1533
+ --tw-bg-opacity: 1;
1534
+ background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
1535
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1536
+ }
1537
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.ant-btn-primary:focus-visible {
1538
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1539
+ }
1540
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_subtle___FojFh {
1541
+ --tw-text-opacity: 1;
1542
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1543
+ }
1544
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_subtle___FojFh:hover {
1545
+ --tw-text-opacity: 1;
1546
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1547
+ }
1548
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_text___T-3KC, .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_link___dTdwy {
1549
+ --tw-text-opacity: 1;
1550
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1551
+ }
1552
+ .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_text___T-3KC:hover, .Button-module__button___PM45p.Button-module__type_secondary___CwF0Y.Button-module__variant_link___dTdwy:hover {
1553
+ --tw-text-opacity: 1;
1554
+ color: rgb(17 24 39 / var(--tw-text-opacity, 1));
1555
+ }
1556
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK {
1557
+ border-width: 1px;
1558
+ --tw-bg-opacity: 1;
1559
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1560
+ border-style: solid;
1561
+ --tw-border-opacity: 1;
1562
+ border-color: rgb(207 34 49 / var(--tw-border-opacity, 1));
1563
+ box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
1564
+ }
1565
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.ant-btn-primary:hover, .Button-module__button___PM45p.Button-module__type_critical___vVyiK.ant-btn-primary:active {
1566
+ --tw-bg-opacity: 1;
1567
+ background-color: rgb(207 34 49 / var(--tw-bg-opacity, 1));
1568
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
1569
+ }
1570
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.ant-btn-primary:focus-visible {
1571
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1572
+ }
1573
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_subtle___FojFh {
1574
+ --tw-text-opacity: 1;
1575
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1576
+ }
1577
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_subtle___FojFh:hover {
1578
+ --tw-text-opacity: 1;
1579
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1580
+ }
1581
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_text___T-3KC, .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_link___dTdwy {
1582
+ --tw-text-opacity: 1;
1583
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1584
+ }
1585
+ .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_text___T-3KC:hover, .Button-module__button___PM45p.Button-module__type_critical___vVyiK.Button-module__variant_link___dTdwy:hover {
1586
+ --tw-text-opacity: 1;
1587
+ color: rgb(207 34 49 / var(--tw-text-opacity, 1));
1588
+ }
1589
+ .Button-module__button___PM45p.Button-module__variant_subtle___FojFh {
1590
+ --tw-bg-opacity: 1;
1591
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1592
+ border-width: 1px;
1593
+ border-style: solid;
1594
+ --tw-border-opacity: 1;
1595
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1596
+ box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
1597
+ }
1598
+ .Button-module__button___PM45p.Button-module__variant_subtle___FojFh.ant-btn-default:hover {
1599
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1600
+ --tw-border-opacity: 1;
1601
+ border-color: rgb(211 216 223 / var(--tw-border-opacity, 1));
1602
+ }
1603
+ .Button-module__button___PM45p.Button-module__variant_subtle___FojFh.ant-btn-default:focus-visible {
1604
+ outline: 2px solid rgba(236, 93, 37, 0.3803921569);
1605
+ }
1606
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC {
1607
+ background-color: transparent;
1608
+ border-width: 0px;
1609
+ border-style: none;
1610
+ box-shadow: none;
1611
+ }
1612
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC.ant-btn-default:hover {
1613
+ box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
1614
+ border-style: none;
1615
+ --tw-bg-opacity: 1;
1616
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
1617
+ }
1618
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC.ant-btn-default:active {
1619
+ --tw-bg-opacity: 1;
1620
+ background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
1621
+ }
1622
+ .Button-module__button___PM45p.Button-module__variant_text___T-3KC.ant-btn:focus-visible {
1623
+ outline: 2px solid rgba(236, 93, 37, 0.2);
1624
+ }
1625
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy {
1626
+ background-color: transparent;
1627
+ padding: 0px;
1628
+ border-width: 0px;
1629
+ border-style: none;
1630
+ height: auto;
1631
+ box-shadow: none;
1632
+ }
1633
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn-default:hover.Button-module__onHoverUnderline___wKzkT {
1634
+ text-decoration: underline;
1635
+ }
1636
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn-default:hover {
1637
+ box-shadow: none;
1638
+ border-style: none;
1639
+ background-color: transparent;
1640
+ }
1641
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn-default:active {
1642
+ background-color: transparent;
1643
+ }
1644
+ .Button-module__button___PM45p.Button-module__variant_link___dTdwy.ant-btn:focus-visible {
1645
+ outline: none;
1646
+ }
1647
+
1648
+ /* src/Checkbox/Checkbox.module.scss */
1649
+ .Checkbox-module__checkbox___D2qRJ {
1650
+ display: flex;
1651
+ align-items: center;
1652
+ }
1653
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_small___lgUjj .ant-checkbox .ant-checkbox-inner {
1654
+ height: 16px;
1655
+ width: 16px;
1656
+ }
1657
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_medium___Npyaz .ant-checkbox .ant-checkbox-inner {
1658
+ height: 20px;
1659
+ width: 20px;
1660
+ }
1661
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_medium___Npyaz .ant-checkbox .ant-checkbox-inner::after {
1662
+ inset-inline-start: 27%;
1663
+ }
1664
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_large___chR9U .ant-checkbox .ant-checkbox-inner {
1665
+ height: 24px;
1666
+ width: 24px;
1667
+ }
1668
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__size_large___chR9U .ant-checkbox .ant-checkbox-inner::after {
1669
+ inset-inline-start: 33%;
1670
+ }
1671
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM .ant-checkbox-checked .ant-checkbox-inner {
1672
+ border-color: #ec5d25;
1673
+ background-color: #ec5d25;
1674
+ }
1675
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.ant-checkbox-wrapper:hover
1676
+ .ant-checkbox-checked:not(.ant-checkbox-disabled)
1677
+ .ant-checkbox-inner {
1678
+ --tw-bg-opacity: 1;
1679
+ background-color: rgb(185 71 16 / var(--tw-bg-opacity, 1));
1680
+ }
1681
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM .ant-checkbox-checked:focus-visible {
1682
+ outline: 2px solid #0a65e7;
1683
+ }
1684
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.Checkbox-module__disabled___xqtab {
1685
+ cursor: not-allowed;
1686
+ }
1687
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.Checkbox-module__disabled___xqtab .ant-checkbox-checked .ant-checkbox-inner {
1688
+ opacity: 0.5;
1689
+ border-color: #ec5d25;
1690
+ background-color: #ec5d25;
1691
+ }
1692
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_checked___fhhpM.Checkbox-module__disabled___xqtab .ant-checkbox-checked .ant-checkbox-inner::after {
1693
+ border-color: #ffffff;
1694
+ }
1695
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7 .ant-checkbox .ant-checkbox-inner {
1696
+ border-color: #b6bac3;
1697
+ }
1698
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7 .ant-checkbox:hover .ant-checkbox-inner {
1699
+ border-color: #6b7280;
1700
+ }
1701
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7 .ant-checkbox:focus-visible {
1702
+ outline: 2px solid #0a65e7;
1703
+ }
1704
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7.Checkbox-module__disabled___xqtab {
1705
+ cursor: not-allowed;
1706
+ }
1707
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__type_unchecked___1zNB7.Checkbox-module__disabled___xqtab .ant-checkbox .ant-checkbox-inner {
1708
+ border-color: #b6bac3;
1709
+ background-color: #f9fafb;
1710
+ }
1711
+ .Checkbox-module__checkbox___D2qRJ .ant-checkbox-disabled + span {
1712
+ color: #363e4f;
1713
+ }
1714
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_normal___MbKJP {
1715
+ color: #363e4f;
1716
+ font-weight: 400;
1717
+ font-size: 0.875rem;
1718
+ line-height: 20px;
1719
+ }
1720
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_emphasized___Yo9yv {
1721
+ color: #363e4f;
1722
+ font-weight: 500;
1723
+ font-size: 0.875rem;
1724
+ line-height: 20px;
1725
+ }
1726
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD.Checkbox-module__disabled___xqtab .ant-checkbox-indeterminate .ant-checkbox-inner {
1727
+ opacity: 0.5;
1728
+ border-color: #ec5d25;
1729
+ background-color: #ec5d25;
1730
+ }
1731
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD.Checkbox-module__disabled___xqtab .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1732
+ border-color: #ffffff;
1733
+ }
1734
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD .ant-checkbox-indeterminate .ant-checkbox-inner {
1735
+ border-color: #ec5d25 !important;
1736
+ background-color: #ec5d25 !important;
1737
+ }
1738
+ .Checkbox-module__checkbox___D2qRJ.Checkbox-module__variant_indeterminate___-tnoD .ant-checkbox-indeterminate .ant-checkbox-inner::after {
1739
+ inset-inline-start: 50%;
1740
+ width: 60%;
1741
+ height: 3px;
1742
+ border-radius: 4px;
1743
+ background: white;
1744
+ }
1745
+
1746
+ /* CSS Modules */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itilite/lumina-ui",
3
- "version": "0.0.323",
3
+ "version": "0.0.324",
4
4
  "description": "Itilite Lumina Design System UI Components",
5
5
  "sideEffects": false,
6
6
  "license": "MIT",
@@ -27,9 +27,7 @@
27
27
  "import": "./dist/Checkbox.mjs",
28
28
  "require": "./dist/Checkbox.js"
29
29
  },
30
- "./styles.css": "./dist/styles.css",
31
- "./dist/cjs/index.css": "./dist/styles.css",
32
- "./dist/index.css": "./dist/styles.css"
30
+ "./styles.css": "./dist/styles.css"
33
31
  },
34
32
  "repository": {
35
33
  "type": "git",