@dartech/arsenal-ui 1.4.79 → 1.4.80
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/index.js +38 -3
- package/package.json +1 -1
- package/src/theme/inputThemeOptions.d.ts +29 -0
package/index.js
CHANGED
|
@@ -1602,8 +1602,20 @@ const inputThemeOptions = {
|
|
|
1602
1602
|
},
|
|
1603
1603
|
|
|
1604
1604
|
'&.MuiButton-root:hover': {
|
|
1605
|
-
boxShadow: 'none'
|
|
1605
|
+
boxShadow: 'none'
|
|
1606
|
+
},
|
|
1607
|
+
'&.MuiButton-containedPrimary:hover': {
|
|
1606
1608
|
backgroundColor: '#D15C3B'
|
|
1609
|
+
},
|
|
1610
|
+
'&.MuiButton-outlinedPrimary:hover': {
|
|
1611
|
+
backgroundColor: '#F6F6F7',
|
|
1612
|
+
borderColor: '#DDDDE1'
|
|
1613
|
+
},
|
|
1614
|
+
'&.MuiButton-textPrimary': {
|
|
1615
|
+
color: baseTheme.palette.secondary.main,
|
|
1616
|
+
'&:hover': {
|
|
1617
|
+
backgroundColor: '#DEF7FC'
|
|
1618
|
+
}
|
|
1607
1619
|
}
|
|
1608
1620
|
}
|
|
1609
1621
|
}
|
|
@@ -1651,6 +1663,7 @@ const inputThemeOptions = {
|
|
|
1651
1663
|
MuiInputLabel: {
|
|
1652
1664
|
styleOverrides: {
|
|
1653
1665
|
root: {
|
|
1666
|
+
color: '#6D6E85',
|
|
1654
1667
|
position: 'relative',
|
|
1655
1668
|
overflow: 'initial',
|
|
1656
1669
|
transform: 'none',
|
|
@@ -1658,7 +1671,10 @@ const inputThemeOptions = {
|
|
|
1658
1671
|
fontWeight: 500,
|
|
1659
1672
|
fontSize: '14px',
|
|
1660
1673
|
lineHeight: '20px',
|
|
1661
|
-
pointerEvents: 'auto'
|
|
1674
|
+
pointerEvents: 'auto',
|
|
1675
|
+
'&.Mui-focused': {
|
|
1676
|
+
color: '#6D6E85'
|
|
1677
|
+
}
|
|
1662
1678
|
}
|
|
1663
1679
|
}
|
|
1664
1680
|
},
|
|
@@ -1666,9 +1682,25 @@ const inputThemeOptions = {
|
|
|
1666
1682
|
styleOverrides: {
|
|
1667
1683
|
root: {
|
|
1668
1684
|
borderRadius: baseTheme.spacing(3),
|
|
1669
|
-
minWidth: baseTheme.spacing(25)
|
|
1685
|
+
minWidth: baseTheme.spacing(25),
|
|
1686
|
+
'&:hover': {
|
|
1687
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
1688
|
+
borderColor: '#8B8C9E'
|
|
1689
|
+
}
|
|
1690
|
+
},
|
|
1691
|
+
'&.Mui-focused': {
|
|
1692
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
1693
|
+
borderColor: baseTheme.palette.secondary.main
|
|
1694
|
+
}
|
|
1695
|
+
// notchedOutline: {
|
|
1696
|
+
// borderWidth: 1,
|
|
1697
|
+
// borderColor: baseTheme.palette.secondary.main,
|
|
1698
|
+
// }
|
|
1699
|
+
}
|
|
1670
1700
|
},
|
|
1701
|
+
|
|
1671
1702
|
notchedOutline: {
|
|
1703
|
+
// border: 'none',
|
|
1672
1704
|
top: 0,
|
|
1673
1705
|
'& legend': {
|
|
1674
1706
|
display: 'none',
|
|
@@ -1731,6 +1763,9 @@ const inputThemeOptions = {
|
|
|
1731
1763
|
color: '#6D6E85',
|
|
1732
1764
|
fontSize: 14,
|
|
1733
1765
|
fontWeight: 500,
|
|
1766
|
+
'&.Mui-focused': {
|
|
1767
|
+
color: '#6D6E85'
|
|
1768
|
+
},
|
|
1734
1769
|
'& span': {
|
|
1735
1770
|
color: '#D6331F'
|
|
1736
1771
|
}
|
package/package.json
CHANGED
|
@@ -12,7 +12,19 @@ declare const inputThemeOptions: {
|
|
|
12
12
|
};
|
|
13
13
|
'&.MuiButton-root:hover': {
|
|
14
14
|
boxShadow: string;
|
|
15
|
+
};
|
|
16
|
+
'&.MuiButton-containedPrimary:hover': {
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
};
|
|
19
|
+
'&.MuiButton-outlinedPrimary:hover': {
|
|
15
20
|
backgroundColor: string;
|
|
21
|
+
borderColor: string;
|
|
22
|
+
};
|
|
23
|
+
'&.MuiButton-textPrimary': {
|
|
24
|
+
color: string;
|
|
25
|
+
'&:hover': {
|
|
26
|
+
backgroundColor: string;
|
|
27
|
+
};
|
|
16
28
|
};
|
|
17
29
|
};
|
|
18
30
|
};
|
|
@@ -52,6 +64,7 @@ declare const inputThemeOptions: {
|
|
|
52
64
|
MuiInputLabel: {
|
|
53
65
|
styleOverrides: {
|
|
54
66
|
root: {
|
|
67
|
+
color: string;
|
|
55
68
|
position: string;
|
|
56
69
|
overflow: string;
|
|
57
70
|
transform: string;
|
|
@@ -60,6 +73,9 @@ declare const inputThemeOptions: {
|
|
|
60
73
|
fontSize: string;
|
|
61
74
|
lineHeight: string;
|
|
62
75
|
pointerEvents: string;
|
|
76
|
+
'&.Mui-focused': {
|
|
77
|
+
color: string;
|
|
78
|
+
};
|
|
63
79
|
};
|
|
64
80
|
};
|
|
65
81
|
};
|
|
@@ -68,6 +84,16 @@ declare const inputThemeOptions: {
|
|
|
68
84
|
root: {
|
|
69
85
|
borderRadius: string;
|
|
70
86
|
minWidth: string;
|
|
87
|
+
'&:hover': {
|
|
88
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
89
|
+
borderColor: string;
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
'&.Mui-focused': {
|
|
93
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
94
|
+
borderColor: string;
|
|
95
|
+
};
|
|
96
|
+
};
|
|
71
97
|
};
|
|
72
98
|
notchedOutline: {
|
|
73
99
|
top: number;
|
|
@@ -132,6 +158,9 @@ declare const inputThemeOptions: {
|
|
|
132
158
|
color: string;
|
|
133
159
|
fontSize: number;
|
|
134
160
|
fontWeight: number;
|
|
161
|
+
'&.Mui-focused': {
|
|
162
|
+
color: string;
|
|
163
|
+
};
|
|
135
164
|
'& span': {
|
|
136
165
|
color: string;
|
|
137
166
|
};
|