@ncino/styles 10.0.1 → 10.0.3
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/README.md
CHANGED
|
@@ -2,6 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
nCino's shared web component styling package implementing the Gator Design System. Provides CSS design tokens, global styles, and a comprehensive Material-UI theme configuration with TypeScript support for custom component props.
|
|
4
4
|
|
|
5
|
+
## Contributing
|
|
6
|
+
|
|
7
|
+
For guidance on adding or modifying MUI component overrides, see the [Developing MUI Overrides](https://github.com/ncino/force-sdk-web-components/wiki/Developing-MUI-Overrides) wiki page.
|
|
8
|
+
|
|
5
9
|
## Installation
|
|
6
10
|
|
|
7
11
|
```bash
|
|
@@ -22,6 +22,16 @@ const r = {
|
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
|
+
{
|
|
26
|
+
props: { size: "medium" },
|
|
27
|
+
style: {
|
|
28
|
+
"& .MuiTab-root": {
|
|
29
|
+
"&:hover:not(.Mui-selected)": {
|
|
30
|
+
paddingBottom: "calc(var(--spacing-5) - 1px)"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
},
|
|
25
35
|
{
|
|
26
36
|
props: { size: "large" },
|
|
27
37
|
style: {
|
|
@@ -123,10 +133,7 @@ const r = {
|
|
|
123
133
|
fontSize: "var(--font-size-subtitle-1)",
|
|
124
134
|
"&:hover": {
|
|
125
135
|
backgroundColor: "var(--color-surface-secondary)",
|
|
126
|
-
borderBottom: "2px solid var(--color-border-brand)"
|
|
127
|
-
"&:not(.Mui-selected)": {
|
|
128
|
-
paddingBottom: "calc(var(--spacing-5) - 1px)"
|
|
129
|
-
}
|
|
136
|
+
borderBottom: "2px solid var(--color-border-brand)"
|
|
130
137
|
},
|
|
131
138
|
"&.Mui-selected": {
|
|
132
139
|
color: "var(--color-text-primary)",
|
|
@@ -38,6 +38,30 @@ export declare const MUIGatorTabsOverrides: {
|
|
|
38
38
|
'& span[class*="MuiTabs-indicator"]'?: undefined;
|
|
39
39
|
'& .MuiTabs-flexContainer'?: undefined;
|
|
40
40
|
};
|
|
41
|
+
} | {
|
|
42
|
+
props: {
|
|
43
|
+
size: "medium";
|
|
44
|
+
};
|
|
45
|
+
style: {
|
|
46
|
+
'& .MuiTab-root': {
|
|
47
|
+
'&:hover:not(.Mui-selected)': {
|
|
48
|
+
paddingBottom: string;
|
|
49
|
+
};
|
|
50
|
+
padding?: undefined;
|
|
51
|
+
fontSize?: undefined;
|
|
52
|
+
borderRadius?: undefined;
|
|
53
|
+
border?: undefined;
|
|
54
|
+
borderBottom?: undefined;
|
|
55
|
+
background?: undefined;
|
|
56
|
+
'&:hover'?: undefined;
|
|
57
|
+
'&.Mui-selected'?: undefined;
|
|
58
|
+
};
|
|
59
|
+
borderBottom?: undefined;
|
|
60
|
+
position?: undefined;
|
|
61
|
+
'&::after'?: undefined;
|
|
62
|
+
'& span[class*="MuiTabs-indicator"]'?: undefined;
|
|
63
|
+
'& .MuiTabs-flexContainer'?: undefined;
|
|
64
|
+
};
|
|
41
65
|
} | {
|
|
42
66
|
props: {
|
|
43
67
|
size: "large";
|
|
@@ -140,9 +164,6 @@ export declare const MUIGatorTabsOverrides: {
|
|
|
140
164
|
'&:hover': {
|
|
141
165
|
backgroundColor: string;
|
|
142
166
|
borderBottom: string;
|
|
143
|
-
'&:not(.Mui-selected)': {
|
|
144
|
-
paddingBottom: string;
|
|
145
|
-
};
|
|
146
167
|
};
|
|
147
168
|
'&.Mui-selected': {
|
|
148
169
|
color: string;
|
package/package.json
CHANGED