cozy-ui 123.0.0 → 123.1.0
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/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +1099 -188
- package/transpiled/react/MuiCozyTheme/overrides/makeDarkInvertedOverrides.d.ts +85 -235
- package/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides.d.ts +85 -235
- package/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides.d.ts +85 -235
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.d.ts +85 -235
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +1045 -182
- package/react/MuiCozyTheme/overrides/makeLightNormalCozyOverrides.js +0 -1087
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalCozyOverrides.d.ts +0 -1580
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalCozyOverrides.js +0 -1025
|
@@ -150,9 +150,9 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
150
150
|
};
|
|
151
151
|
};
|
|
152
152
|
'&.ghost': {
|
|
153
|
-
|
|
153
|
+
border: number;
|
|
154
154
|
'&:hover': {
|
|
155
|
-
|
|
155
|
+
border: number;
|
|
156
156
|
};
|
|
157
157
|
};
|
|
158
158
|
};
|
|
@@ -231,7 +231,7 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
231
231
|
outlined: {
|
|
232
232
|
'&:not($disabled)': {
|
|
233
233
|
'&.ghost': {
|
|
234
|
-
backgroundColor:
|
|
234
|
+
backgroundColor: any;
|
|
235
235
|
'&:hover': {
|
|
236
236
|
backgroundColor: string;
|
|
237
237
|
'@media (hover: none)': {
|
|
@@ -244,14 +244,14 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
244
244
|
color: any;
|
|
245
245
|
borderColor: any;
|
|
246
246
|
'&:hover': {
|
|
247
|
-
backgroundColor:
|
|
247
|
+
backgroundColor: string;
|
|
248
248
|
'@media (hover: none)': {
|
|
249
249
|
backgroundColor: string;
|
|
250
250
|
};
|
|
251
251
|
};
|
|
252
252
|
'&.ghost': {
|
|
253
253
|
color: any;
|
|
254
|
-
borderColor:
|
|
254
|
+
borderColor: any;
|
|
255
255
|
};
|
|
256
256
|
};
|
|
257
257
|
'&-success': {
|
|
@@ -744,6 +744,11 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
744
744
|
};
|
|
745
745
|
};
|
|
746
746
|
MuiAvatarGroup: {
|
|
747
|
+
root: {
|
|
748
|
+
'& > div:last-child': {
|
|
749
|
+
boxShadow: string;
|
|
750
|
+
};
|
|
751
|
+
};
|
|
747
752
|
avatar: {
|
|
748
753
|
border: string;
|
|
749
754
|
};
|
|
@@ -813,8 +818,15 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
813
818
|
boxShadow: string;
|
|
814
819
|
};
|
|
815
820
|
};
|
|
821
|
+
colorDefault: {
|
|
822
|
+
backgroundColor: any;
|
|
823
|
+
color: any;
|
|
824
|
+
};
|
|
816
825
|
};
|
|
817
826
|
MuiCheckbox: {
|
|
827
|
+
root: {
|
|
828
|
+
padding: number;
|
|
829
|
+
};
|
|
818
830
|
colorSecondary: {
|
|
819
831
|
'&$checked': {
|
|
820
832
|
color: any;
|
|
@@ -822,13 +834,30 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
822
834
|
};
|
|
823
835
|
};
|
|
824
836
|
MuiSwitch: {
|
|
837
|
+
root: {
|
|
838
|
+
width: number;
|
|
839
|
+
height: number;
|
|
840
|
+
padding: string;
|
|
841
|
+
};
|
|
825
842
|
checked: {
|
|
826
843
|
'& + $track$track': {
|
|
827
844
|
opacity: number;
|
|
828
845
|
};
|
|
829
846
|
};
|
|
830
847
|
switchBase: {
|
|
848
|
+
padding: number;
|
|
831
849
|
top: number;
|
|
850
|
+
color: any;
|
|
851
|
+
'& .cozySwitchThumb': {
|
|
852
|
+
display: string;
|
|
853
|
+
alignItems: string;
|
|
854
|
+
justifyContent: string;
|
|
855
|
+
width: number;
|
|
856
|
+
height: number;
|
|
857
|
+
borderRadius: string;
|
|
858
|
+
boxShadow: any;
|
|
859
|
+
backgroundColor: any;
|
|
860
|
+
};
|
|
832
861
|
'&$checked': {
|
|
833
862
|
transform: string;
|
|
834
863
|
};
|
|
@@ -840,12 +869,24 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
840
869
|
};
|
|
841
870
|
track: {
|
|
842
871
|
width: number;
|
|
843
|
-
height:
|
|
872
|
+
height: string;
|
|
873
|
+
borderRadius: number;
|
|
844
874
|
opacity: number;
|
|
845
875
|
backgroundColor: any;
|
|
846
876
|
};
|
|
877
|
+
colorPrimary: {
|
|
878
|
+
'&$disabled + $track': {
|
|
879
|
+
opacity: number;
|
|
880
|
+
backgroundColor: any;
|
|
881
|
+
};
|
|
882
|
+
};
|
|
847
883
|
colorSecondary: {
|
|
848
884
|
'&$checked': {
|
|
885
|
+
color: any;
|
|
886
|
+
'&$disabled + $track': {
|
|
887
|
+
opacity: number;
|
|
888
|
+
backgroundColor: any;
|
|
889
|
+
};
|
|
849
890
|
'& + $track': {
|
|
850
891
|
backgroundColor: any;
|
|
851
892
|
};
|
|
@@ -853,18 +894,30 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
853
894
|
};
|
|
854
895
|
disabled: {
|
|
855
896
|
'&$checked + $track': {
|
|
856
|
-
backgroundColor:
|
|
897
|
+
backgroundColor: any;
|
|
898
|
+
};
|
|
899
|
+
'& .cozySwitchThumb': {
|
|
900
|
+
backgroundColor: any;
|
|
857
901
|
};
|
|
858
902
|
'& $thumb': {
|
|
859
903
|
backgroundColor: any;
|
|
860
904
|
};
|
|
861
905
|
};
|
|
862
906
|
};
|
|
907
|
+
MuiLinearProgress: {
|
|
908
|
+
root: {
|
|
909
|
+
height: number;
|
|
910
|
+
};
|
|
911
|
+
colorPrimary: {
|
|
912
|
+
backgroundColor: any;
|
|
913
|
+
};
|
|
914
|
+
};
|
|
863
915
|
MuiTooltip: {
|
|
864
916
|
tooltip: {
|
|
865
|
-
|
|
917
|
+
backgroundColor: string;
|
|
866
918
|
fontSize: string;
|
|
867
919
|
lineHeight: string;
|
|
920
|
+
borderRadius: string;
|
|
868
921
|
padding: string;
|
|
869
922
|
};
|
|
870
923
|
};
|
|
@@ -880,6 +933,9 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
880
933
|
'&.large': {
|
|
881
934
|
padding: number;
|
|
882
935
|
};
|
|
936
|
+
'&.xlarge': {
|
|
937
|
+
padding: number;
|
|
938
|
+
};
|
|
883
939
|
'&.dialogIconButton': {
|
|
884
940
|
backgroundColor: any;
|
|
885
941
|
'&:hover': {
|
|
@@ -1531,6 +1587,9 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
1531
1587
|
};
|
|
1532
1588
|
MuiFab: {
|
|
1533
1589
|
root: {
|
|
1590
|
+
borderRadius: number;
|
|
1591
|
+
width: number;
|
|
1592
|
+
height: number;
|
|
1534
1593
|
color: any;
|
|
1535
1594
|
backgroundColor: any;
|
|
1536
1595
|
'&:hover': {
|
|
@@ -1540,6 +1599,16 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
1540
1599
|
backgroundColor: any;
|
|
1541
1600
|
};
|
|
1542
1601
|
};
|
|
1602
|
+
primary: {
|
|
1603
|
+
color: any;
|
|
1604
|
+
backgroundColor: any;
|
|
1605
|
+
'&:hover': {
|
|
1606
|
+
backgroundColor: string;
|
|
1607
|
+
'@media (hover: none)': {
|
|
1608
|
+
backgroundColor: any;
|
|
1609
|
+
};
|
|
1610
|
+
};
|
|
1611
|
+
};
|
|
1543
1612
|
extended: {
|
|
1544
1613
|
borderRadius: number;
|
|
1545
1614
|
height: number;
|
|
@@ -1558,6 +1627,14 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
1558
1627
|
padding: string;
|
|
1559
1628
|
};
|
|
1560
1629
|
};
|
|
1630
|
+
sizeSmall: {
|
|
1631
|
+
borderRadius: number;
|
|
1632
|
+
};
|
|
1633
|
+
sizeMedium: {
|
|
1634
|
+
borderRadius: number;
|
|
1635
|
+
width: number;
|
|
1636
|
+
height: number;
|
|
1637
|
+
};
|
|
1561
1638
|
};
|
|
1562
1639
|
MuiMobileStepper: {
|
|
1563
1640
|
root: {
|
|
@@ -1577,233 +1654,6 @@ export function makeLightInvertedOverrides(theme: any): {
|
|
|
1577
1654
|
border: string;
|
|
1578
1655
|
};
|
|
1579
1656
|
};
|
|
1580
|
-
} & {
|
|
1581
|
-
MuiCheckbox: {
|
|
1582
|
-
root: {
|
|
1583
|
-
padding: number;
|
|
1584
|
-
};
|
|
1585
|
-
};
|
|
1586
|
-
MuiSwitch: {
|
|
1587
|
-
root: {
|
|
1588
|
-
width: number;
|
|
1589
|
-
height: number;
|
|
1590
|
-
padding: string;
|
|
1591
|
-
};
|
|
1592
|
-
switchBase: {
|
|
1593
|
-
padding: number;
|
|
1594
|
-
top: number;
|
|
1595
|
-
color: any;
|
|
1596
|
-
'& .cozySwitchThumb': {
|
|
1597
|
-
display: string;
|
|
1598
|
-
alignItems: string;
|
|
1599
|
-
justifyContent: string;
|
|
1600
|
-
width: number;
|
|
1601
|
-
height: number;
|
|
1602
|
-
borderRadius: string;
|
|
1603
|
-
boxShadow: any;
|
|
1604
|
-
backgroundColor: any;
|
|
1605
|
-
};
|
|
1606
|
-
};
|
|
1607
|
-
track: {
|
|
1608
|
-
width: number;
|
|
1609
|
-
height: string;
|
|
1610
|
-
borderRadius: number;
|
|
1611
|
-
};
|
|
1612
|
-
thumb: {
|
|
1613
|
-
width: number;
|
|
1614
|
-
height: number;
|
|
1615
|
-
};
|
|
1616
|
-
colorPrimary: {
|
|
1617
|
-
'&$disabled + $track': {
|
|
1618
|
-
opacity: number;
|
|
1619
|
-
backgroundColor: any;
|
|
1620
|
-
};
|
|
1621
|
-
};
|
|
1622
|
-
colorSecondary: {
|
|
1623
|
-
'&$checked': {
|
|
1624
|
-
color: any;
|
|
1625
|
-
};
|
|
1626
|
-
'&$disabled + $track': {
|
|
1627
|
-
opacity: number;
|
|
1628
|
-
backgroundColor: any;
|
|
1629
|
-
};
|
|
1630
|
-
};
|
|
1631
|
-
disabled: {
|
|
1632
|
-
'&$checked + $track': {
|
|
1633
|
-
backgroundColor: any;
|
|
1634
|
-
};
|
|
1635
|
-
'& .cozySwitchThumb': {
|
|
1636
|
-
backgroundColor: any;
|
|
1637
|
-
};
|
|
1638
|
-
};
|
|
1639
|
-
};
|
|
1640
|
-
MuiLinearProgress: {
|
|
1641
|
-
root: {
|
|
1642
|
-
height: number;
|
|
1643
|
-
};
|
|
1644
|
-
colorPrimary: {
|
|
1645
|
-
backgroundColor: any;
|
|
1646
|
-
};
|
|
1647
|
-
};
|
|
1648
|
-
MuiButton: {
|
|
1649
|
-
root: {
|
|
1650
|
-
borderRadius: number;
|
|
1651
|
-
padding: string;
|
|
1652
|
-
'&.ghost': {
|
|
1653
|
-
border: number;
|
|
1654
|
-
'&:hover': {
|
|
1655
|
-
border: number;
|
|
1656
|
-
};
|
|
1657
|
-
};
|
|
1658
|
-
};
|
|
1659
|
-
sizeSmall: {
|
|
1660
|
-
padding: string;
|
|
1661
|
-
'&.customSize': {
|
|
1662
|
-
'&-default': {
|
|
1663
|
-
height: string;
|
|
1664
|
-
};
|
|
1665
|
-
'&-auto': {
|
|
1666
|
-
minHeight: string;
|
|
1667
|
-
};
|
|
1668
|
-
};
|
|
1669
|
-
'&$text': {
|
|
1670
|
-
padding: string;
|
|
1671
|
-
};
|
|
1672
|
-
};
|
|
1673
|
-
sizeLarge: {
|
|
1674
|
-
padding: string;
|
|
1675
|
-
};
|
|
1676
|
-
text: {
|
|
1677
|
-
padding: string;
|
|
1678
|
-
};
|
|
1679
|
-
outlined: {
|
|
1680
|
-
'&:not($disabled)': {
|
|
1681
|
-
'&.ghost': {
|
|
1682
|
-
backgroundColor: any;
|
|
1683
|
-
'&:hover': {
|
|
1684
|
-
backgroundColor: string;
|
|
1685
|
-
'@media (hover: none)': {
|
|
1686
|
-
backgroundColor: string;
|
|
1687
|
-
};
|
|
1688
|
-
};
|
|
1689
|
-
};
|
|
1690
|
-
'&.customColor': {
|
|
1691
|
-
'&-primary': {
|
|
1692
|
-
color: any;
|
|
1693
|
-
borderColor: any;
|
|
1694
|
-
'&:hover': {
|
|
1695
|
-
backgroundColor: string;
|
|
1696
|
-
};
|
|
1697
|
-
'&.ghost': {
|
|
1698
|
-
color: any;
|
|
1699
|
-
borderColor: any;
|
|
1700
|
-
};
|
|
1701
|
-
};
|
|
1702
|
-
};
|
|
1703
|
-
};
|
|
1704
|
-
};
|
|
1705
|
-
};
|
|
1706
|
-
MuiIconButton: {
|
|
1707
|
-
root: {
|
|
1708
|
-
'&.small': {
|
|
1709
|
-
padding: number;
|
|
1710
|
-
};
|
|
1711
|
-
'&.xlarge': {
|
|
1712
|
-
padding: number;
|
|
1713
|
-
};
|
|
1714
|
-
};
|
|
1715
|
-
};
|
|
1716
|
-
MuiTooltip: {
|
|
1717
|
-
tooltip: {
|
|
1718
|
-
backgroundColor: string;
|
|
1719
|
-
borderRadius: string;
|
|
1720
|
-
padding: string;
|
|
1721
|
-
};
|
|
1722
|
-
};
|
|
1723
|
-
MuiFab: {
|
|
1724
|
-
root: {
|
|
1725
|
-
borderRadius: number;
|
|
1726
|
-
width: number;
|
|
1727
|
-
height: number;
|
|
1728
|
-
};
|
|
1729
|
-
primary: {
|
|
1730
|
-
color: any;
|
|
1731
|
-
backgroundColor: any;
|
|
1732
|
-
'&:hover': {
|
|
1733
|
-
backgroundColor: string;
|
|
1734
|
-
'@media (hover: none)': {
|
|
1735
|
-
backgroundColor: any;
|
|
1736
|
-
};
|
|
1737
|
-
};
|
|
1738
|
-
};
|
|
1739
|
-
extended: {
|
|
1740
|
-
borderRadius: number;
|
|
1741
|
-
'&$sizeSmall': {
|
|
1742
|
-
borderRadius: number;
|
|
1743
|
-
height: number;
|
|
1744
|
-
minWidth: number;
|
|
1745
|
-
};
|
|
1746
|
-
'&$sizeMedium': {
|
|
1747
|
-
borderRadius: number;
|
|
1748
|
-
};
|
|
1749
|
-
};
|
|
1750
|
-
sizeSmall: {
|
|
1751
|
-
borderRadius: number;
|
|
1752
|
-
};
|
|
1753
|
-
sizeMedium: {
|
|
1754
|
-
borderRadius: number;
|
|
1755
|
-
width: number;
|
|
1756
|
-
height: number;
|
|
1757
|
-
};
|
|
1758
|
-
};
|
|
1759
|
-
MuiAvatarGroup: {
|
|
1760
|
-
root: {
|
|
1761
|
-
'& > div:last-child': {
|
|
1762
|
-
boxShadow: string;
|
|
1763
|
-
};
|
|
1764
|
-
};
|
|
1765
|
-
};
|
|
1766
|
-
MuiAvatar: {
|
|
1767
|
-
root: {
|
|
1768
|
-
'&.size': {
|
|
1769
|
-
'&-xs': {
|
|
1770
|
-
'& svg': {
|
|
1771
|
-
width: number;
|
|
1772
|
-
height: number;
|
|
1773
|
-
};
|
|
1774
|
-
};
|
|
1775
|
-
'&-s': {
|
|
1776
|
-
fontSize: number;
|
|
1777
|
-
'& svg': {
|
|
1778
|
-
width: number;
|
|
1779
|
-
height: number;
|
|
1780
|
-
};
|
|
1781
|
-
};
|
|
1782
|
-
'&-m': {
|
|
1783
|
-
'& svg': {
|
|
1784
|
-
width: number;
|
|
1785
|
-
height: number;
|
|
1786
|
-
};
|
|
1787
|
-
};
|
|
1788
|
-
'&-l': {
|
|
1789
|
-
'& svg': {
|
|
1790
|
-
width: number;
|
|
1791
|
-
height: number;
|
|
1792
|
-
};
|
|
1793
|
-
};
|
|
1794
|
-
'&-xl': {
|
|
1795
|
-
'& svg': {
|
|
1796
|
-
width: number;
|
|
1797
|
-
height: number;
|
|
1798
|
-
};
|
|
1799
|
-
};
|
|
1800
|
-
};
|
|
1801
|
-
};
|
|
1802
|
-
colorDefault: {
|
|
1803
|
-
backgroundColor: any;
|
|
1804
|
-
color: any;
|
|
1805
|
-
};
|
|
1806
|
-
};
|
|
1807
1657
|
} & {
|
|
1808
1658
|
MuiLinearProgress: {
|
|
1809
1659
|
colorPrimary: {
|