@dartech/arsenal-ui 1.4.79 → 1.4.81
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 +50 -3
- package/package.json +1 -1
- package/src/theme/inputThemeOptions.d.ts +41 -0
package/index.js
CHANGED
|
@@ -1602,8 +1602,32 @@ 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.dark,
|
|
1616
|
+
'&:hover': {
|
|
1617
|
+
backgroundColor: '#F6F6F7'
|
|
1618
|
+
},
|
|
1619
|
+
'&:active': {
|
|
1620
|
+
backgroundColor: '#EEEEF0'
|
|
1621
|
+
}
|
|
1622
|
+
},
|
|
1623
|
+
'&.MuiButton-textSecondary': {
|
|
1624
|
+
color: baseTheme.palette.secondary.main,
|
|
1625
|
+
'&:hover': {
|
|
1626
|
+
backgroundColor: '#DEF7FC'
|
|
1627
|
+
},
|
|
1628
|
+
'&:active': {
|
|
1629
|
+
backgroundColor: '#CFE6ED'
|
|
1630
|
+
}
|
|
1607
1631
|
}
|
|
1608
1632
|
}
|
|
1609
1633
|
}
|
|
@@ -1651,6 +1675,7 @@ const inputThemeOptions = {
|
|
|
1651
1675
|
MuiInputLabel: {
|
|
1652
1676
|
styleOverrides: {
|
|
1653
1677
|
root: {
|
|
1678
|
+
color: '#6D6E85',
|
|
1654
1679
|
position: 'relative',
|
|
1655
1680
|
overflow: 'initial',
|
|
1656
1681
|
transform: 'none',
|
|
@@ -1658,7 +1683,10 @@ const inputThemeOptions = {
|
|
|
1658
1683
|
fontWeight: 500,
|
|
1659
1684
|
fontSize: '14px',
|
|
1660
1685
|
lineHeight: '20px',
|
|
1661
|
-
pointerEvents: 'auto'
|
|
1686
|
+
pointerEvents: 'auto',
|
|
1687
|
+
'&.Mui-focused': {
|
|
1688
|
+
color: '#6D6E85'
|
|
1689
|
+
}
|
|
1662
1690
|
}
|
|
1663
1691
|
}
|
|
1664
1692
|
},
|
|
@@ -1666,9 +1694,25 @@ const inputThemeOptions = {
|
|
|
1666
1694
|
styleOverrides: {
|
|
1667
1695
|
root: {
|
|
1668
1696
|
borderRadius: baseTheme.spacing(3),
|
|
1669
|
-
minWidth: baseTheme.spacing(25)
|
|
1697
|
+
minWidth: baseTheme.spacing(25),
|
|
1698
|
+
'&:hover': {
|
|
1699
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
1700
|
+
borderColor: '#8B8C9E'
|
|
1701
|
+
}
|
|
1702
|
+
},
|
|
1703
|
+
'&.Mui-focused': {
|
|
1704
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
1705
|
+
borderColor: baseTheme.palette.secondary.main
|
|
1706
|
+
}
|
|
1707
|
+
// notchedOutline: {
|
|
1708
|
+
// borderWidth: 1,
|
|
1709
|
+
// borderColor: baseTheme.palette.secondary.main,
|
|
1710
|
+
// }
|
|
1711
|
+
}
|
|
1670
1712
|
},
|
|
1713
|
+
|
|
1671
1714
|
notchedOutline: {
|
|
1715
|
+
// border: 'none',
|
|
1672
1716
|
top: 0,
|
|
1673
1717
|
'& legend': {
|
|
1674
1718
|
display: 'none',
|
|
@@ -1731,6 +1775,9 @@ const inputThemeOptions = {
|
|
|
1731
1775
|
color: '#6D6E85',
|
|
1732
1776
|
fontSize: 14,
|
|
1733
1777
|
fontWeight: 500,
|
|
1778
|
+
'&.Mui-focused': {
|
|
1779
|
+
color: '#6D6E85'
|
|
1780
|
+
},
|
|
1734
1781
|
'& span': {
|
|
1735
1782
|
color: '#D6331F'
|
|
1736
1783
|
}
|
package/package.json
CHANGED
|
@@ -12,7 +12,31 @@ 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
|
+
};
|
|
28
|
+
'&:active': {
|
|
29
|
+
backgroundColor: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
'&.MuiButton-textSecondary': {
|
|
33
|
+
color: string;
|
|
34
|
+
'&:hover': {
|
|
35
|
+
backgroundColor: string;
|
|
36
|
+
};
|
|
37
|
+
'&:active': {
|
|
38
|
+
backgroundColor: string;
|
|
39
|
+
};
|
|
16
40
|
};
|
|
17
41
|
};
|
|
18
42
|
};
|
|
@@ -52,6 +76,7 @@ declare const inputThemeOptions: {
|
|
|
52
76
|
MuiInputLabel: {
|
|
53
77
|
styleOverrides: {
|
|
54
78
|
root: {
|
|
79
|
+
color: string;
|
|
55
80
|
position: string;
|
|
56
81
|
overflow: string;
|
|
57
82
|
transform: string;
|
|
@@ -60,6 +85,9 @@ declare const inputThemeOptions: {
|
|
|
60
85
|
fontSize: string;
|
|
61
86
|
lineHeight: string;
|
|
62
87
|
pointerEvents: string;
|
|
88
|
+
'&.Mui-focused': {
|
|
89
|
+
color: string;
|
|
90
|
+
};
|
|
63
91
|
};
|
|
64
92
|
};
|
|
65
93
|
};
|
|
@@ -68,6 +96,16 @@ declare const inputThemeOptions: {
|
|
|
68
96
|
root: {
|
|
69
97
|
borderRadius: string;
|
|
70
98
|
minWidth: string;
|
|
99
|
+
'&:hover': {
|
|
100
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
101
|
+
borderColor: string;
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
'&.Mui-focused': {
|
|
105
|
+
'.MuiOutlinedInput-notchedOutline': {
|
|
106
|
+
borderColor: string;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
71
109
|
};
|
|
72
110
|
notchedOutline: {
|
|
73
111
|
top: number;
|
|
@@ -132,6 +170,9 @@ declare const inputThemeOptions: {
|
|
|
132
170
|
color: string;
|
|
133
171
|
fontSize: number;
|
|
134
172
|
fontWeight: number;
|
|
173
|
+
'&.Mui-focused': {
|
|
174
|
+
color: string;
|
|
175
|
+
};
|
|
135
176
|
'& span': {
|
|
136
177
|
color: string;
|
|
137
178
|
};
|