@ncino/styles 10.5.2 → 10.5.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.
Files changed (5) hide show
  1. package/dist/gator/themes/components/drawer.js +3 -1
  2. package/dist/gator/themes/components/text-field.js +33 -33
  3. package/dist/types/gator/themes/components/drawer.d.ts +1 -0
  4. package/dist/types/gator/themes/components/text-field.d.ts +23 -23
  5. package/package.json +1 -1
package/dist/gator/themes/components/drawer.js CHANGED
@@ -15,6 +15,7 @@ const n = {
15
15
  flexDirection: "column",
16
16
  boxShadow: o.shadows[4],
17
17
  border: "none",
18
+ borderRadius: "0px",
18
19
  // Bottom anchor
19
20
  "&.MuiDrawer-paperAnchorBottom": {
20
21
  width: "100%",
@@ -31,7 +32,8 @@ const n = {
31
32
  // Usage: add className="gator-panel-header" etc. to your child elements
32
33
  // -------------------------------------------------------
33
34
  "& .gator-panel-header": {
34
- borderBottom: `1px solid ${o.palette.divider}`,
35
+ borderBottom: "1px solid #E5E5E5",
36
+ // --color-border-tertiary / --color-neutral-30
35
37
  padding: o.spacing(8),
36
38
  fontSize: a.heading3,
37
39
  fontWeight: r.fontWeight.semiBold,
package/dist/gator/themes/components/text-field.js CHANGED
@@ -1,4 +1,4 @@
1
- const r = {
1
+ const a = {
2
2
  MuiInputLabel: {
3
3
  defaultProps: {
4
4
  shrink: !0
@@ -6,13 +6,13 @@ const r = {
6
6
  },
7
7
  MuiInputBase: {
8
8
  styleOverrides: {
9
- root: {
10
- borderRadius: "var(--border-radius-x-small)",
11
- fontSize: "var(--font-size-body-1)",
12
- lineHeight: "var(--line-height-body-1)",
13
- background: "var(--color-surface-primary)",
14
- padding: "var(--spacing-7) var(--spacing-8)",
15
- border: "1px solid var(--color-border-primary)",
9
+ root: ({ theme: r }) => ({
10
+ borderRadius: r.shape.borderRadius,
11
+ fontSize: r.typography.body1.fontSize,
12
+ lineHeight: r.typography.body1.lineHeight,
13
+ background: r.palette.background.default,
14
+ padding: `${r.spacing(7)} ${r.spacing(8)}`,
15
+ border: `1px solid ${r.palette.divider}`,
16
16
  marginTop: "0 !important",
17
17
  "&:before": {
18
18
  display: "none"
@@ -21,34 +21,34 @@ const r = {
21
21
  display: "none"
22
22
  },
23
23
  "&:hover": {
24
- borderColor: "var(--color-border-brand-secondary)"
24
+ borderColor: r.palette.primary.dark
25
25
  },
26
26
  "&.Mui-focused": {
27
- outline: "2px solid var(--color-border-focus)"
27
+ outline: `2px solid ${r.palette.text.primary}`
28
28
  },
29
29
  "&.Mui-disabled": {
30
- background: "var(--color-surface-tertiary)",
31
- color: "var(--color-text-disabled)",
30
+ background: r.palette.background.paper,
31
+ color: r.palette.text.disabled,
32
32
  borderColor: "transparent"
33
33
  },
34
34
  "&.Mui-error": {
35
- borderColor: "var(--color-border-error-secondary)"
35
+ borderColor: r.palette.error.dark
36
36
  },
37
37
  "&.Mui-readOnly": {
38
- background: "var(--color-surface-tertiary)",
39
- borderColor: "var(--color-border-secondary)"
38
+ background: r.palette.background.paper,
39
+ borderColor: r.palette.action.disabled
40
40
  }
41
- },
42
- input: {
41
+ }),
42
+ input: ({ theme: r }) => ({
43
43
  padding: 0,
44
- color: "var(--color-text-primary)",
45
- fontSize: "var(--font-size-body-1)",
46
- lineHeight: "var(--line-height-body-1)",
44
+ color: r.palette.text.primary,
45
+ fontSize: r.typography.body1.fontSize,
46
+ lineHeight: r.typography.body1.lineHeight,
47
47
  "&::placeholder": {
48
- color: "var(--color-text-placeholder)",
48
+ color: r.palette.text.secondary,
49
49
  opacity: 1
50
50
  }
51
- }
51
+ })
52
52
  }
53
53
  },
54
54
  MuiOutlinedInput: {
@@ -56,15 +56,15 @@ const r = {
56
56
  notched: !1
57
57
  },
58
58
  styleOverrides: {
59
- root: {
59
+ root: ({ theme: r }) => ({
60
60
  padding: 0,
61
61
  fieldset: {
62
62
  display: "none"
63
63
  },
64
64
  input: {
65
- padding: "var(--spacing-7) var(--spacing-8)"
65
+ padding: `${r.spacing(7)} ${r.spacing(8)}`
66
66
  }
67
- }
67
+ })
68
68
  }
69
69
  },
70
70
  MuiFilledInput: {
@@ -72,21 +72,21 @@ const r = {
72
72
  disableUnderline: !0
73
73
  },
74
74
  styleOverrides: {
75
- root: {
76
- backgroundColor: "var(--color-surface-primary)",
75
+ root: ({ theme: r }) => ({
76
+ backgroundColor: r.palette.background.default,
77
77
  "&:hover": {
78
- backgroundColor: "var(--color-surface-primary)"
78
+ backgroundColor: r.palette.background.default
79
79
  },
80
80
  "&.Mui-focused": {
81
- backgroundColor: "var(--color-surface-primary)"
81
+ backgroundColor: r.palette.background.default
82
82
  },
83
83
  "&.Mui-disabled": {
84
- backgroundColor: "var(--color-surface-tertiary)"
84
+ backgroundColor: r.palette.background.paper
85
85
  },
86
86
  "&.Mui-readOnly": {
87
- backgroundColor: "var(--color-surface-tertiary)"
87
+ backgroundColor: r.palette.background.paper
88
88
  }
89
- },
89
+ }),
90
90
  input: {
91
91
  padding: 0
92
92
  }
@@ -99,5 +99,5 @@ const r = {
99
99
  }
100
100
  };
101
101
  export {
102
- r as MUIGatorTextFieldOverrides
102
+ a as MUIGatorTextFieldOverrides
103
103
  };
package/dist/types/gator/themes/components/drawer.d.ts CHANGED
@@ -16,6 +16,7 @@ export declare const MUIGatorDrawerOverrides: {
16
16
  flexDirection: string;
17
17
  boxShadow: any;
18
18
  border: string;
19
+ borderRadius: string;
19
20
  '&.MuiDrawer-paperAnchorBottom': {
20
21
  width: string;
21
22
  height: string;
package/dist/types/gator/themes/components/text-field.d.ts CHANGED
@@ -6,11 +6,11 @@ export declare const MUIGatorTextFieldOverrides: {
6
6
  };
7
7
  MuiInputBase: {
8
8
  styleOverrides: {
9
- root: {
10
- borderRadius: string;
11
- fontSize: string;
12
- lineHeight: string;
13
- background: string;
9
+ root: ({ theme }: any) => {
10
+ borderRadius: any;
11
+ fontSize: any;
12
+ lineHeight: any;
13
+ background: any;
14
14
  padding: string;
15
15
  border: string;
16
16
  marginTop: string;
@@ -21,31 +21,31 @@ export declare const MUIGatorTextFieldOverrides: {
21
21
  display: string;
22
22
  };
23
23
  '&:hover': {
24
- borderColor: string;
24
+ borderColor: any;
25
25
  };
26
26
  '&.Mui-focused': {
27
27
  outline: string;
28
28
  };
29
29
  '&.Mui-disabled': {
30
- background: string;
31
- color: string;
30
+ background: any;
31
+ color: any;
32
32
  borderColor: string;
33
33
  };
34
34
  '&.Mui-error': {
35
- borderColor: string;
35
+ borderColor: any;
36
36
  };
37
37
  '&.Mui-readOnly': {
38
- background: string;
39
- borderColor: string;
38
+ background: any;
39
+ borderColor: any;
40
40
  };
41
41
  };
42
- input: {
42
+ input: ({ theme }: any) => {
43
43
  padding: number;
44
- color: string;
45
- fontSize: string;
46
- lineHeight: string;
44
+ color: any;
45
+ fontSize: any;
46
+ lineHeight: any;
47
47
  '&::placeholder': {
48
- color: string;
48
+ color: any;
49
49
  opacity: number;
50
50
  };
51
51
  };
@@ -56,7 +56,7 @@ export declare const MUIGatorTextFieldOverrides: {
56
56
  notched: boolean;
57
57
  };
58
58
  styleOverrides: {
59
- root: {
59
+ root: ({ theme }: any) => {
60
60
  padding: number;
61
61
  fieldset: {
62
62
  display: string;
@@ -72,19 +72,19 @@ export declare const MUIGatorTextFieldOverrides: {
72
72
  disableUnderline: boolean;
73
73
  };
74
74
  styleOverrides: {
75
- root: {
76
- backgroundColor: string;
75
+ root: ({ theme }: any) => {
76
+ backgroundColor: any;
77
77
  '&:hover': {
78
- backgroundColor: string;
78
+ backgroundColor: any;
79
79
  };
80
80
  '&.Mui-focused': {
81
- backgroundColor: string;
81
+ backgroundColor: any;
82
82
  };
83
83
  '&.Mui-disabled': {
84
- backgroundColor: string;
84
+ backgroundColor: any;
85
85
  };
86
86
  '&.Mui-readOnly': {
87
- backgroundColor: string;
87
+ backgroundColor: any;
88
88
  };
89
89
  };
90
90
  input: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ncino/styles",
3
3
  "author": "nCino",
4
- "version": "10.5.2",
4
+ "version": "10.5.3",
5
5
  "description": "nCino Shared Web Component Styling",
6
6
  "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
7
7
  "publishConfig": {