cozy-ui 121.1.0 → 121.1.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/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/react/Avatar/Readme.md +41 -21
- package/react/Avatar/helpers.js +13 -2
- package/react/Avatar/index.jsx +26 -5
- package/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +71 -0
- package/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides.js +7 -19
- package/transpiled/react/Avatar/helpers.d.ts +1 -1
- package/transpiled/react/Avatar/helpers.js +16 -2
- package/transpiled/react/Avatar/index.js +11 -5
- package/transpiled/react/MuiCozyTheme/overrides/makeDarkInvertedOverrides.d.ts +71 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeDarkNormalOverrides.d.ts +71 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeLightInvertedOverrides.d.ts +71 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.d.ts +71 -0
- package/transpiled/react/MuiCozyTheme/overrides/makeLightNormalOverrides.js +72 -0
- package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkInvertedOverrides.d.ts +78 -19
- package/transpiled/react/MuiCozyTheme/overrides/twake/makeDarkNormalOverrides.d.ts +78 -19
- package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightInvertedOverrides.d.ts +78 -19
- package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides.d.ts +78 -19
- package/transpiled/react/MuiCozyTheme/overrides/twake/makeLightNormalOverrides.js +7 -19
|
@@ -728,6 +728,77 @@ export function makeLightNormalTwakeOverrides(theme: any): {
|
|
|
728
728
|
};
|
|
729
729
|
};
|
|
730
730
|
};
|
|
731
|
+
MuiAvatarGroup: {
|
|
732
|
+
avatar: {
|
|
733
|
+
border: string;
|
|
734
|
+
};
|
|
735
|
+
};
|
|
736
|
+
MuiAvatar: {
|
|
737
|
+
root: {
|
|
738
|
+
fontWeight: number;
|
|
739
|
+
'&.size': {
|
|
740
|
+
'&-xs': {
|
|
741
|
+
width: number;
|
|
742
|
+
height: number;
|
|
743
|
+
fontSize: number;
|
|
744
|
+
'& svg': {
|
|
745
|
+
width: number;
|
|
746
|
+
height: number;
|
|
747
|
+
};
|
|
748
|
+
};
|
|
749
|
+
'&-s': {
|
|
750
|
+
width: number;
|
|
751
|
+
height: number;
|
|
752
|
+
fontSize: number;
|
|
753
|
+
'& svg': {
|
|
754
|
+
width: number;
|
|
755
|
+
height: number;
|
|
756
|
+
};
|
|
757
|
+
};
|
|
758
|
+
'&-m': {
|
|
759
|
+
width: number;
|
|
760
|
+
height: number;
|
|
761
|
+
fontSize: number;
|
|
762
|
+
'& svg': {
|
|
763
|
+
width: number;
|
|
764
|
+
height: number;
|
|
765
|
+
};
|
|
766
|
+
};
|
|
767
|
+
'&-l': {
|
|
768
|
+
width: number;
|
|
769
|
+
height: number;
|
|
770
|
+
fontSize: number;
|
|
771
|
+
'& svg': {
|
|
772
|
+
width: number;
|
|
773
|
+
height: number;
|
|
774
|
+
};
|
|
775
|
+
};
|
|
776
|
+
'&-xl': {
|
|
777
|
+
width: number;
|
|
778
|
+
height: number;
|
|
779
|
+
fontSize: number;
|
|
780
|
+
'& svg': {
|
|
781
|
+
width: number;
|
|
782
|
+
height: number;
|
|
783
|
+
};
|
|
784
|
+
};
|
|
785
|
+
};
|
|
786
|
+
'&.disabled': {
|
|
787
|
+
color: any;
|
|
788
|
+
background: string;
|
|
789
|
+
'& img': {
|
|
790
|
+
filter: string;
|
|
791
|
+
opacity: number;
|
|
792
|
+
};
|
|
793
|
+
};
|
|
794
|
+
'&.border': {
|
|
795
|
+
border: string;
|
|
796
|
+
};
|
|
797
|
+
'&.innerBorder': {
|
|
798
|
+
boxShadow: string;
|
|
799
|
+
};
|
|
800
|
+
};
|
|
801
|
+
};
|
|
731
802
|
MuiCheckbox: {
|
|
732
803
|
colorSecondary: {
|
|
733
804
|
'&$checked': {
|
|
@@ -1654,22 +1725,23 @@ export function makeLightNormalTwakeOverrides(theme: any): {
|
|
|
1654
1725
|
height: number;
|
|
1655
1726
|
};
|
|
1656
1727
|
};
|
|
1728
|
+
MuiAvatarGroup: {
|
|
1729
|
+
root: {
|
|
1730
|
+
'& > div:last-child': {
|
|
1731
|
+
boxShadow: string;
|
|
1732
|
+
};
|
|
1733
|
+
};
|
|
1734
|
+
};
|
|
1657
1735
|
MuiAvatar: {
|
|
1658
1736
|
root: {
|
|
1659
|
-
fontWeight: number;
|
|
1660
1737
|
'&.size': {
|
|
1661
1738
|
'&-xs': {
|
|
1662
|
-
width: number;
|
|
1663
|
-
height: number;
|
|
1664
|
-
fontSize: number;
|
|
1665
1739
|
'& svg': {
|
|
1666
1740
|
width: number;
|
|
1667
1741
|
height: number;
|
|
1668
1742
|
};
|
|
1669
1743
|
};
|
|
1670
1744
|
'&-s': {
|
|
1671
|
-
width: number;
|
|
1672
|
-
height: number;
|
|
1673
1745
|
fontSize: number;
|
|
1674
1746
|
'& svg': {
|
|
1675
1747
|
width: number;
|
|
@@ -1677,37 +1749,24 @@ export function makeLightNormalTwakeOverrides(theme: any): {
|
|
|
1677
1749
|
};
|
|
1678
1750
|
};
|
|
1679
1751
|
'&-m': {
|
|
1680
|
-
width: number;
|
|
1681
|
-
height: number;
|
|
1682
|
-
fontSize: number;
|
|
1683
1752
|
'& svg': {
|
|
1684
1753
|
width: number;
|
|
1685
1754
|
height: number;
|
|
1686
1755
|
};
|
|
1687
1756
|
};
|
|
1688
1757
|
'&-l': {
|
|
1689
|
-
width: number;
|
|
1690
|
-
height: number;
|
|
1691
|
-
fontSize: number;
|
|
1692
1758
|
'& svg': {
|
|
1693
1759
|
width: number;
|
|
1694
1760
|
height: number;
|
|
1695
1761
|
};
|
|
1696
1762
|
};
|
|
1697
1763
|
'&-xl': {
|
|
1698
|
-
width: number;
|
|
1699
|
-
height: number;
|
|
1700
|
-
fontSize: number;
|
|
1701
1764
|
'& svg': {
|
|
1702
1765
|
width: number;
|
|
1703
1766
|
height: number;
|
|
1704
1767
|
};
|
|
1705
1768
|
};
|
|
1706
1769
|
};
|
|
1707
|
-
'&.disabled': {
|
|
1708
|
-
color: any;
|
|
1709
|
-
background: any;
|
|
1710
|
-
};
|
|
1711
1770
|
};
|
|
1712
1771
|
colorDefault: {
|
|
1713
1772
|
backgroundColor: any;
|
|
@@ -167,22 +167,23 @@ export var makeLightNormalTwakeOverrides = function makeLightNormalTwakeOverride
|
|
|
167
167
|
height: 56
|
|
168
168
|
}
|
|
169
169
|
},
|
|
170
|
+
MuiAvatarGroup: {
|
|
171
|
+
root: {
|
|
172
|
+
'& > div:last-child': {
|
|
173
|
+
boxShadow: "inset 0px 0px 0px 1px ".concat(theme.palette.border.main)
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
},
|
|
170
177
|
MuiAvatar: {
|
|
171
178
|
root: {
|
|
172
|
-
fontWeight: 600,
|
|
173
179
|
'&.size': {
|
|
174
180
|
'&-xs': {
|
|
175
|
-
width: 16,
|
|
176
|
-
height: 16,
|
|
177
|
-
fontSize: 8,
|
|
178
181
|
'& svg': {
|
|
179
182
|
width: 10,
|
|
180
183
|
height: 10
|
|
181
184
|
}
|
|
182
185
|
},
|
|
183
186
|
'&-s': {
|
|
184
|
-
width: 24,
|
|
185
|
-
height: 24,
|
|
186
187
|
fontSize: 11,
|
|
187
188
|
'& svg': {
|
|
188
189
|
width: 16,
|
|
@@ -190,36 +191,23 @@ export var makeLightNormalTwakeOverrides = function makeLightNormalTwakeOverride
|
|
|
190
191
|
}
|
|
191
192
|
},
|
|
192
193
|
'&-m': {
|
|
193
|
-
width: 32,
|
|
194
|
-
height: 32,
|
|
195
|
-
fontSize: 16,
|
|
196
194
|
'& svg': {
|
|
197
195
|
width: 20,
|
|
198
196
|
height: 20
|
|
199
197
|
}
|
|
200
198
|
},
|
|
201
199
|
'&-l': {
|
|
202
|
-
width: 48,
|
|
203
|
-
height: 48,
|
|
204
|
-
fontSize: 24,
|
|
205
200
|
'& svg': {
|
|
206
201
|
width: 28,
|
|
207
202
|
height: 28
|
|
208
203
|
}
|
|
209
204
|
},
|
|
210
205
|
'&-xl': {
|
|
211
|
-
width: 64,
|
|
212
|
-
height: 64,
|
|
213
|
-
fontSize: 32,
|
|
214
206
|
'& svg': {
|
|
215
207
|
width: 36,
|
|
216
208
|
height: 36
|
|
217
209
|
}
|
|
218
210
|
}
|
|
219
|
-
},
|
|
220
|
-
'&.disabled': {
|
|
221
|
-
color: theme.palette.primary.contrastText,
|
|
222
|
-
background: theme.palette.action.disabledBackground
|
|
223
211
|
}
|
|
224
212
|
},
|
|
225
213
|
colorDefault: {
|