@ncino/styles 9.2.0-preview.3 → 9.2.0

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 (82) hide show
  1. package/README.md +159 -0
  2. package/dist/gator/themes/MUIGatorTheme.js +183 -0
  3. package/dist/gator/themes/components/accordion.js +68 -0
  4. package/dist/gator/themes/components/alert.js +55 -0
  5. package/dist/gator/themes/components/autocomplete.js +139 -0
  6. package/dist/gator/themes/components/avatar.js +49 -0
  7. package/dist/gator/themes/components/badge.js +53 -0
  8. package/dist/gator/themes/components/button.js +65 -0
  9. package/dist/gator/themes/components/card.js +190 -0
  10. package/dist/gator/themes/components/checkbox.js +69 -0
  11. package/dist/gator/themes/components/chip.js +220 -0
  12. package/dist/gator/themes/components/dialog.js +61 -0
  13. package/dist/gator/themes/components/fab.js +77 -0
  14. package/dist/gator/themes/components/form-control.js +97 -0
  15. package/dist/gator/themes/components/radio.js +43 -0
  16. package/dist/gator/themes/components/select.js +69 -0
  17. package/dist/gator/themes/components/switch.js +113 -0
  18. package/dist/gator/themes/components/table.js +178 -0
  19. package/dist/gator/themes/components/tabs.js +150 -0
  20. package/dist/gator/themes/components/text-field.js +103 -0
  21. package/dist/gator/themes/utils/themeConfig.js +155 -0
  22. package/dist/gator/tokens/primitive-inline.js +4 -0
  23. package/dist/gator/tokens/primitive.tokens.css.js +4 -0
  24. package/dist/gator/tokens/semantic-inline.js +4 -0
  25. package/dist/gator/tokens/semantic.tokens.css.js +4 -0
  26. package/dist/gator/types/mui-augmentations.js +1 -0
  27. package/dist/index.js +5 -0
  28. package/dist/styles.css +1 -0
  29. package/dist/types/gator/themes/MUIGatorTheme.d.ts +6 -0
  30. package/dist/types/gator/themes/components/accordion.d.ts +65 -0
  31. package/dist/types/gator/themes/components/alert.d.ts +51 -0
  32. package/dist/types/gator/themes/components/autocomplete.d.ts +127 -0
  33. package/dist/types/gator/themes/components/avatar.d.ts +63 -0
  34. package/dist/types/gator/themes/components/badge.d.ts +42 -0
  35. package/dist/types/gator/themes/components/button.d.ts +61 -0
  36. package/dist/types/gator/themes/components/card.d.ts +193 -0
  37. package/dist/types/gator/themes/components/checkbox.d.ts +61 -0
  38. package/dist/types/gator/themes/components/chip.d.ts +201 -0
  39. package/dist/types/gator/themes/components/dialog.d.ts +58 -0
  40. package/dist/types/gator/themes/components/fab.d.ts +78 -0
  41. package/dist/types/gator/themes/components/form-control.d.ts +86 -0
  42. package/dist/types/gator/themes/components/radio.d.ts +45 -0
  43. package/dist/types/gator/themes/components/select.d.ts +64 -0
  44. package/dist/types/gator/themes/components/switch.d.ts +105 -0
  45. package/dist/types/gator/themes/components/table.d.ts +170 -0
  46. package/dist/types/gator/themes/components/tabs.d.ts +163 -0
  47. package/dist/types/gator/themes/components/text-field.d.ts +100 -0
  48. package/dist/types/gator/themes/utils/themeConfig.d.ts +92 -0
  49. package/dist/types/gator/tokens/primitive-inline.d.ts +2 -0
  50. package/dist/types/gator/tokens/semantic-inline.d.ts +2 -0
  51. package/dist/types/gator/types/mui-augmentations.d.ts +49 -0
  52. package/dist/types/index.d.ts +6 -0
  53. package/package.json +50 -10
  54. package/src/gator/themes/MUIGatorTheme.ts +0 -237
  55. package/src/gator/themes/components/accordion.ts +0 -67
  56. package/src/gator/themes/components/alert.ts +0 -53
  57. package/src/gator/themes/components/autocomplete.ts +0 -156
  58. package/src/gator/themes/components/avatar.ts +0 -65
  59. package/src/gator/themes/components/badge.ts +0 -55
  60. package/src/gator/themes/components/button.ts +0 -74
  61. package/src/gator/themes/components/card.ts +0 -202
  62. package/src/gator/themes/components/checkbox.ts +0 -73
  63. package/src/gator/themes/components/chip.ts +0 -270
  64. package/src/gator/themes/components/dialog.ts +0 -62
  65. package/src/gator/themes/components/form-control.ts +0 -103
  66. package/src/gator/themes/components/radio.ts +0 -53
  67. package/src/gator/themes/components/select.ts +0 -74
  68. package/src/gator/themes/components/switch.ts +0 -145
  69. package/src/gator/themes/components/table.ts +0 -200
  70. package/src/gator/themes/components/tabs.ts +0 -167
  71. package/src/gator/themes/components/text-field.ts +0 -100
  72. package/src/gator/themes/utils/themeConfig.ts +0 -111
  73. package/src/gator/types/mui-augmentations.d.ts +0 -27
  74. /package/{src → dist}/gator/_fonts.css +0 -0
  75. /package/{src → dist}/gator/_gator-grid.css +0 -0
  76. /package/{src → dist}/gator/_gator-sizing.css +0 -0
  77. /package/{src → dist}/gator/_gator-typography.css +0 -0
  78. /package/{src → dist}/gator/fonts/OpenSans-VariableFont.woff2 +0 -0
  79. /package/{src → dist}/gator/gator-global-styles.css +0 -0
  80. /package/{src → dist}/gator/tokens/_gator-global-tokens.css +0 -0
  81. /package/{src → dist}/gator/tokens/primitive.tokens.css +0 -0
  82. /package/{src → dist}/gator/tokens/semantic.tokens.css +0 -0
@@ -0,0 +1,150 @@
1
+ const r = {
2
+ MuiTabs: {
3
+ defaultProps: {
4
+ size: "medium",
5
+ TabIndicatorProps: {
6
+ style: {
7
+ height: "2px"
8
+ }
9
+ }
10
+ },
11
+ variants: [
12
+ {
13
+ props: { size: "small" },
14
+ style: {
15
+ // Style child Tab components for small size
16
+ "& .MuiTab-root": {
17
+ padding: "var(--spacing-6) var(--spacing-8)",
18
+ fontSize: "var(--font-size-subtitle-2)",
19
+ "&:hover:not(.Mui-selected)": {
20
+ paddingBottom: "calc(var(--spacing-6) - 1px)"
21
+ }
22
+ }
23
+ }
24
+ },
25
+ {
26
+ props: { size: "large" },
27
+ style: {
28
+ borderBottom: "none",
29
+ position: "relative",
30
+ "&::after": {
31
+ content: '""',
32
+ position: "absolute",
33
+ bottom: 0,
34
+ left: 0,
35
+ right: 0,
36
+ height: "1px",
37
+ width: "100%",
38
+ backgroundColor: "var(--color-border-secondary)"
39
+ },
40
+ '& span[class*="MuiTabs-indicator"]': {
41
+ display: "none !important"
42
+ },
43
+ "& .MuiTabs-flexContainer": {
44
+ gap: "var(--spacing-5)"
45
+ },
46
+ // Style child Tab components for large size (card style)
47
+ "& .MuiTab-root": {
48
+ borderRadius: "var(--border-radius-medium) var(--border-radius-medium) 0 0",
49
+ border: "1px solid var(--color-border-tertiary)",
50
+ borderBottom: "1px solid var(--color-border-secondary)",
51
+ padding: "var(--spacing-8) var(--spacing-9)",
52
+ fontSize: "var(--font-size-body-1)",
53
+ background: "var(--color-surface-primary)",
54
+ "&:hover": {
55
+ backgroundColor: "var(--color-surface-secondary)",
56
+ borderTop: "1px solid var(--color-border-secondary)",
57
+ borderLeft: "1px solid var(--color-border-secondary)",
58
+ borderRight: "1px solid var(--color-border-secondary)",
59
+ borderBottom: "1px solid var(--color-border-secondary)",
60
+ padding: "var(--spacing-8) var(--spacing-9)"
61
+ },
62
+ "&.Mui-selected": {
63
+ border: "1px solid var(--color-border-secondary)",
64
+ background: "var(--color-surface-primary)",
65
+ position: "relative",
66
+ "&::after": {
67
+ content: '""',
68
+ position: "absolute",
69
+ bottom: 0,
70
+ left: 0,
71
+ right: 0,
72
+ height: "2px",
73
+ backgroundColor: "var(--color-surface-primary)",
74
+ zIndex: "10"
75
+ },
76
+ "&:hover": {
77
+ borderTop: "1px solid var(--color-border-secondary)",
78
+ borderLeft: "1px solid var(--color-border-secondary)",
79
+ borderRight: "1px solid var(--color-border-secondary)",
80
+ borderBottom: "1px solid var(--color-border-inverse)",
81
+ backgroundColor: "var(--color-surface-secondary)"
82
+ }
83
+ }
84
+ }
85
+ }
86
+ }
87
+ ],
88
+ styleOverrides: {
89
+ root: {
90
+ minHeight: "unset",
91
+ borderBottom: "1px solid var(--color-border-secondary)"
92
+ },
93
+ indicator: {
94
+ backgroundColor: "var(--color-border-brand)",
95
+ height: "2px"
96
+ },
97
+ flexContainer: {
98
+ display: "flex",
99
+ marginBottom: "-1px"
100
+ }
101
+ }
102
+ },
103
+ MuiTab: {
104
+ defaultProps: {
105
+ disableRipple: !0
106
+ },
107
+ styleOverrides: {
108
+ root: {
109
+ fontFamily: "var(--font-family-body, 'Open Sans'), sans-serif",
110
+ fontWeight: "var(--font-weight-regular)",
111
+ textTransform: "none",
112
+ color: "var(--color-text-primary)",
113
+ display: "inline-flex",
114
+ minHeight: "unset",
115
+ minWidth: "unset",
116
+ border: "none",
117
+ borderBottom: "1px solid var(--color-border-secondary)",
118
+ background: "var(--color-surface-primary)",
119
+ backgroundColor: "unset",
120
+ cursor: "pointer",
121
+ // Default (medium) size
122
+ padding: "var(--spacing-5) var(--spacing-8)",
123
+ fontSize: "var(--font-size-subtitle-1)",
124
+ "&:hover": {
125
+ 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
+ }
130
+ },
131
+ "&.Mui-selected": {
132
+ color: "var(--color-text-primary)",
133
+ fontWeight: "bold",
134
+ borderBottom: "2px solid var(--color-border-brand)",
135
+ "&:hover": {
136
+ borderBottom: "2px solid var(--color-border-brand)"
137
+ }
138
+ },
139
+ "&.Mui-focusVisible": {
140
+ outline: "2px solid var(--color-border-focus)",
141
+ outlineOffset: "-6px",
142
+ borderRadius: "var(--border-radius-medium)"
143
+ }
144
+ }
145
+ }
146
+ }
147
+ };
148
+ export {
149
+ r as MUIGatorTabsOverrides
150
+ };
@@ -0,0 +1,103 @@
1
+ const r = {
2
+ MuiInputLabel: {
3
+ defaultProps: {
4
+ shrink: !0
5
+ }
6
+ },
7
+ MuiInputBase: {
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)",
16
+ marginTop: "0 !important",
17
+ "&:before": {
18
+ display: "none"
19
+ },
20
+ "&:after": {
21
+ display: "none"
22
+ },
23
+ "&:hover": {
24
+ borderColor: "var(--color-border-brand-secondary)"
25
+ },
26
+ "&.Mui-focused": {
27
+ outline: "2px solid var(--color-border-focus)"
28
+ },
29
+ "&.Mui-disabled": {
30
+ background: "var(--color-surface-tertiary)",
31
+ color: "var(--color-text-disabled)",
32
+ borderColor: "transparent"
33
+ },
34
+ "&.Mui-error": {
35
+ borderColor: "var(--color-border-error-secondary)"
36
+ },
37
+ "&.Mui-readOnly": {
38
+ background: "var(--color-surface-tertiary)",
39
+ borderColor: "var(--color-border-secondary)"
40
+ }
41
+ },
42
+ input: {
43
+ padding: 0,
44
+ color: "var(--color-text-primary)",
45
+ fontSize: "var(--font-size-body-1)",
46
+ lineHeight: "var(--line-height-body-1)",
47
+ "&::placeholder": {
48
+ color: "var(--color-text-placeholder)",
49
+ opacity: 1
50
+ }
51
+ }
52
+ }
53
+ },
54
+ MuiOutlinedInput: {
55
+ defaultProps: {
56
+ notched: !1
57
+ },
58
+ styleOverrides: {
59
+ root: {
60
+ padding: 0,
61
+ fieldset: {
62
+ display: "none"
63
+ },
64
+ input: {
65
+ padding: "var(--spacing-7) var(--spacing-8)"
66
+ }
67
+ }
68
+ }
69
+ },
70
+ MuiFilledInput: {
71
+ defaultProps: {
72
+ disableUnderline: !0
73
+ },
74
+ styleOverrides: {
75
+ root: {
76
+ backgroundColor: "var(--color-surface-primary)",
77
+ "&:hover": {
78
+ backgroundColor: "var(--color-surface-primary)"
79
+ },
80
+ "&.Mui-focused": {
81
+ backgroundColor: "var(--color-surface-primary)"
82
+ },
83
+ "&.Mui-disabled": {
84
+ backgroundColor: "var(--color-surface-tertiary)"
85
+ },
86
+ "&.Mui-readOnly": {
87
+ backgroundColor: "var(--color-surface-tertiary)"
88
+ }
89
+ },
90
+ input: {
91
+ padding: 0
92
+ }
93
+ }
94
+ },
95
+ MuiTextField: {
96
+ defaultProps: {
97
+ variant: "standard"
98
+ }
99
+ }
100
+ };
101
+ export {
102
+ r as MUIGatorTextFieldOverrides
103
+ };
@@ -0,0 +1,155 @@
1
+ const F = {
2
+ brand: {
3
+ main: "#103656",
4
+ // --color-brand-30
5
+ light: "#F0F5FA",
6
+ // --color-brand-0
7
+ dark: "#0D2B45",
8
+ // --color-brand-40
9
+ contrastText: "#FFFFFF"
10
+ },
11
+ error: {
12
+ main: "#D44011",
13
+ // --color-red-30
14
+ light: "#FAEBE7",
15
+ // --color-red-10
16
+ dark: "#AA330E",
17
+ // --color-red-40
18
+ contrastText: "#FFFFFF"
19
+ },
20
+ success: {
21
+ main: "#22A969",
22
+ // --color-green-30
23
+ light: "#E9F7F0",
24
+ // --color-green-10
25
+ dark: "#1B8754",
26
+ // --color-green-40
27
+ contrastText: "#FFFFFF"
28
+ },
29
+ warning: {
30
+ main: "#EC7000",
31
+ // --color-orange-30
32
+ light: "#FEF1E6",
33
+ // --color-orange-10
34
+ dark: "#BD5A00",
35
+ // --color-orange-40
36
+ contrastText: "#040404"
37
+ // Dark text for better contrast on orange
38
+ },
39
+ info: {
40
+ main: "#3355FF",
41
+ // --color-blue-30
42
+ light: "#E8ECFF",
43
+ // --color-blue-10
44
+ dark: "#2A46D4",
45
+ // --color-blue-40
46
+ contrastText: "#FFFFFF"
47
+ },
48
+ ai: {
49
+ main: "#8000FF",
50
+ // --color-purple-30
51
+ light: "#F6EEFF",
52
+ // --color-purple-10
53
+ dark: "#6600CC",
54
+ // --color-purple-40
55
+ contrastText: "#FFFFFF"
56
+ },
57
+ secondary: {
58
+ main: "#18A600",
59
+ // --color-gator-green-30
60
+ light: "#EFFAED",
61
+ // --color-gator-green-10
62
+ dark: "#107000",
63
+ // --color-gator-green-40
64
+ contrastText: "#FFFFFF"
65
+ },
66
+ neutral: {
67
+ 0: "#FFFFFF",
68
+ // --color-neutral-0
69
+ 10: "#F7F7F7",
70
+ // --color-neutral-10
71
+ 20: "#F2F2F2",
72
+ // --color-neutral-20
73
+ 30: "#E5E5E5",
74
+ // --color-neutral-30
75
+ 35: "#DBDBDB",
76
+ // --color-neutral-35
77
+ 40: "#BFBFBF",
78
+ // --color-neutral-40
79
+ 45: "#808080",
80
+ // --color-neutral-45
81
+ 50: "#6D6D6D",
82
+ // --color-neutral-50
83
+ 60: "#404040",
84
+ // --color-neutral-60
85
+ 70: "#1F1F1F",
86
+ // --color-neutral-70
87
+ 80: "#040404"
88
+ // --color-neutral-80
89
+ },
90
+ text: {
91
+ primary: "#1F1F1F",
92
+ // --color-text-primary / --color-neutral-70
93
+ secondary: "#6D6D6D",
94
+ // --color-text-secondary / --color-neutral-50
95
+ disabled: "#BFBFBF"
96
+ // --color-text-disabled / --color-neutral-40
97
+ },
98
+ background: {
99
+ default: "#FFFFFF",
100
+ // --color-background-primary / --color-neutral-0
101
+ paper: "#F7F7F7"
102
+ // --color-background-secondary / --color-neutral-10
103
+ },
104
+ divider: "#BFBFBF"
105
+ // --color-border-primary / --color-neutral-50
106
+ }, a = {
107
+ fontFamily: {
108
+ body: '"Open Sans", system-ui, -apple-system, sans-serif',
109
+ headings: '"Lexend Deca", system-ui, -apple-system, sans-serif'
110
+ },
111
+ fontWeight: {
112
+ regular: 400,
113
+ medium: 500,
114
+ semiBold: 600,
115
+ bold: 700
116
+ }
117
+ }, r = 8, x = {
118
+ none: 0,
119
+ // --border-radius-no-radius
120
+ xsmall: 2,
121
+ // --border-radius-x-small (0.125rem = 2px)
122
+ small: 4,
123
+ // --border-radius-small (0.25rem = 4px)
124
+ medium: 8,
125
+ // --border-radius-medium (0.5rem = 8px)
126
+ large: 12,
127
+ // --border-radius-large (0.75rem = 12px)
128
+ xlarge: 16,
129
+ // --border-radius-x-large (1rem = 16px)
130
+ xxlarge: 24,
131
+ // --border-radius-xx-large (1.5rem = 24px)
132
+ xxxlarge: 32,
133
+ // --border-radius-xxx-large (2rem = 32px)
134
+ circle: 9999
135
+ // --border-radius-circle
136
+ }, p = [
137
+ "none",
138
+ // shadow-1-card
139
+ "0 1px 1.5px 0px rgba(31, 31, 31, 0.04), 0 2px 5px 0px rgba(31, 31, 31, 0.05), 0 3px 9px 6px rgba(31, 31, 31, 0.08)",
140
+ // shadow-2-card-raised
141
+ "0 5px 10px 0px rgba(31, 31, 31, 0.05), 0 7px 14px 0px rgba(31, 31, 31, 0.08), 0 3px 6px 0px rgba(31, 31, 31, 0.04)",
142
+ // shadow-3-dropdown
143
+ "0 7px 12px 0px rgba(31, 31, 31, 0.05), 0 8px 16px 0px rgba(31, 31, 31, 0.08), 0 9px 18px 0px rgba(31, 31, 31, 0.10)",
144
+ // shadow-4-modal
145
+ "0 9px 15px 0px rgba(31, 31, 31, 0.05), 0 10px 20px 0px rgba(31, 31, 31, 0.08), 0 9px 20px 0px rgba(31, 31, 31, 0.10)",
146
+ // Repeat shadow-4-modal for indices 5-24 (MUI requires 25 shadow values)
147
+ ...Array(20).fill("0 9px 15px 0px rgba(31, 31, 31, 0.05), 0 10px 20px 0px rgba(31, 31, 31, 0.08), 0 9px 20px 0px rgba(31, 31, 31, 0.10)")
148
+ ];
149
+ export {
150
+ x as gatorBorderRadius,
151
+ F as gatorColorValues,
152
+ p as gatorShadows,
153
+ r as gatorSpacing,
154
+ a as gatorTypography
155
+ };
@@ -0,0 +1,4 @@
1
+ import r from "./primitive.tokens.css.js";
2
+ export {
3
+ r as default
4
+ };
@@ -0,0 +1,4 @@
1
+ const r = ":host,:root{--color-brand-hue-default: 208;--color-brand-saturation-default: 69%;--color-brand-0: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), 50%, 96%);--color-brand-10: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), 44%, 90%);--color-brand-20: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), 30%, 80%);--color-brand-30: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%);--color-brand-40: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 16%);--color-brand-50: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 8%);--color-brand-30-alpha-70: hsla(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%, .7);--color-brand-30-alpha-50: hsla(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%, .5);--color-brand-30-alpha-30: hsla(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%, .3);--color-neutral-0: #FFFFFF;--color-neutral-10: #F7F7F7;--color-neutral-20: #F2F2F2;--color-neutral-30: #E5E5E5;--color-neutral-35: #DBDBDB;--color-neutral-40: #BFBFBF;--color-neutral-45: #808080;--color-neutral-50: #6D6D6D;--color-neutral-60: #404040;--color-neutral-70: #1F1F1F;--color-neutral-80: #040404;--color-neutral-40-alpha-70: rgba(191, 191, 191, .7);--color-neutral-40-alpha-50: rgba(191, 191, 191, .5);--color-neutral-40-alpha-30: rgba(191, 191, 191, .3);--color-neutral-40-alpha-10: rgba(191, 191, 191, .1);--color-neutral-40-alpha-8: rgba(191, 191, 191, .08);--color-neutral-40-alpha-5: rgba(191, 191, 191, .05);--color-neutral-40-alpha-4: rgba(191, 191, 191, .04);--color-neutral-70-alpha-10: rgba(31, 31, 31, .1);--color-neutral-70-alpha-8: rgba(31, 31, 31, .08);--color-neutral-70-alpha-5: rgba(31, 31, 31, .05);--color-neutral-70-alpha-4: rgba(31, 31, 31, .04);--color-neutral-80-alpha-60: rgba(4, 4, 4, .6);--color-neutral-80-alpha-10: rgba(4, 4, 4, .1);--color-green-0: #F2F7F5;--color-green-10: #E9F7F0;--color-green-20: #90D4B4;--color-green-30: #22A969;--color-green-40: #1B8754;--color-green-50: #14653F;--color-orange-0: #FEFBF9;--color-orange-10: #FEF1E6;--color-orange-20: #F5B77F;--color-orange-30: #EC7000;--color-orange-40: #BD5A00;--color-orange-50: #8D4300;--color-red-0: #FAF6F5;--color-red-10: #FAEBE7;--color-red-20: #E99F88;--color-red-30: #D44011;--color-red-40: #AA330E;--color-red-50: #9E2500;--color-purple-0: #FCFAFF;--color-purple-10: #F6EEFF;--color-purple-20: #E5CCFF;--color-purple-30: #8000FF;--color-purple-40: #6600CC;--color-purple-50: #4C0099;--color-blue-0: #FAFBFF;--color-blue-10: #E8ECFF;--color-blue-20: #BBC6FF;--color-blue-30: #3355FF;--color-blue-40: #2A46D4;--color-blue-50: #2238AA;--color-aqua-0: #F7FBFC;--color-aqua-10: #EFF9FC;--color-aqua-20: #A2DBF0;--color-aqua-30: #009FD9;--color-aqua-40: #0F6F91;--color-aqua-50: #0A5069;--color-gator-green-0: #F6FAF5;--color-gator-green-10: #EFFAED;--color-gator-green-20: #BDE1B7;--color-gator-green-30: #18A600;--color-gator-green-40: #107000;--color-gator-green-50: #0D5700;--color-yellow-0: #FEFDF9;--color-yellow-10: #FEFBF4;--color-yellow-20: #FDE399;--color-yellow-30: #FFBB00;--color-yellow-40: #966F00;--color-yellow-50: #735500}";
2
+ export {
3
+ r as default
4
+ };
@@ -0,0 +1,4 @@
1
+ import a from "./semantic.tokens.css.js";
2
+ export {
3
+ a as default
4
+ };
@@ -0,0 +1,4 @@
1
+ const r = ':host,:root{--border-radius-no-radius: 0rem;--border-radius-x-small: .125rem;--border-radius-small: .25rem;--border-radius-medium: .5rem;--border-radius-large: .75rem;--border-radius-x-large: 1rem;--border-radius-xx-large: 1.5rem;--border-radius-xxx-large: 2rem;--border-radius-circle: 9999px;--color-background-primary: var(--color-neutral-0);--color-background-secondary: var(--color-neutral-10);--color-background-inverse: var(--color-neutral-80);--color-border-primary: var(--color-neutral-50);--color-border-secondary: var(--color-neutral-40);--color-border-tertiary: var(--color-neutral-30);--color-border-read-only: var(--color-neutral-40);--color-border-disabled: var(--color-neutral-30);--color-border-focus: var(--color-neutral-70);--color-border-inverse: var(--color-neutral-0);--color-border-neutral: var(--color-neutral-70);--color-border-neutral-secondary: var(--color-neutral-80);--color-border-brand: var(--color-brand-30);--color-border-brand-secondary: var(--color-brand-40);--color-border-brand-tertiary: var(--color-brand-20);--color-border-success: var(--color-green-20);--color-border-success-secondary: var(--color-green-40);--color-border-warning: var(--color-orange-20);--color-border-warning-secondary: var(--color-orange-40);--color-border-error: var(--color-red-20);--color-border-error-secondary: var(--color-red-40);--color-border-purple: var(--color-purple-20);--color-border-purple-secondary: var(--color-purple-40);--color-border-blue: var(--color-blue-20);--color-border-blue-secondary: var(--color-blue-40);--color-border-aqua: var(--color-aqua-20);--color-border-aqua-secondary: var(--color-aqua-40);--color-border-gator-green: var(--color-gator-green-20);--color-border-gator-green-secondary: var(--color-gator-green-40);--color-border-yellow: var(--color-yellow-20);--color-border-yellow-secondary: var(--color-yellow-40);--color-data-viz-brand-10: var(--color-brand-10);--color-data-viz-brand-20: var(--color-brand-20);--color-data-viz-brand-30: var(--color-brand-30);--color-data-viz-brand-40: var(--color-brand-40);--color-data-viz-brand-50: var(--color-brand-50);--color-data-viz-success-10: var(--color-green-10);--color-data-viz-success-20: var(--color-green-20);--color-data-viz-success-30: var(--color-green-30);--color-data-viz-success-40: var(--color-green-40);--color-data-viz-success-50: var(--color-green-50);--color-data-viz-warning-10: var(--color-orange-10);--color-data-viz-warning-20: var(--color-orange-20);--color-data-viz-warning-30: var(--color-orange-30);--color-data-viz-warning-40: var(--color-orange-40);--color-data-viz-warning-50: var(--color-orange-50);--color-data-viz-error-10: var(--color-red-10);--color-data-viz-error-20: var(--color-red-20);--color-data-viz-error-30: var(--color-red-30);--color-data-viz-error-40: var(--color-red-40);--color-data-viz-error-50: var(--color-red-50);--color-data-viz-purple-10: var(--color-purple-10);--color-data-viz-purple-20: var(--color-purple-20);--color-data-viz-purple-30: var(--color-purple-30);--color-data-viz-purple-40: var(--color-purple-40);--color-data-viz-purple-50: var(--color-purple-50);--color-data-viz-blue-10: var(--color-blue-10);--color-data-viz-blue-20: var(--color-blue-20);--color-data-viz-blue-30: var(--color-blue-30);--color-data-viz-blue-40: var(--color-blue-40);--color-data-viz-blue-50: var(--color-blue-50);--color-data-viz-aqua-10: var(--color-aqua-10);--color-data-viz-aqua-20: var(--color-aqua-20);--color-data-viz-aqua-30: var(--color-aqua-30);--color-data-viz-aqua-40: var(--color-aqua-40);--color-data-viz-aqua-50: var(--color-aqua-50);--color-data-viz-gator-green-10: var(--color-gator-green-10);--color-data-viz-gator-green-20: var(--color-gator-green-20);--color-data-viz-gator-green-30: var(--color-gator-green-30);--color-data-viz-gator-green-40: var(--color-gator-green-40);--color-data-viz-gator-green-50: var(--color-gator-green-50);--color-data-viz-yellow-10: var(--color-yellow-10);--color-data-viz-yellow-20: var(--color-yellow-20);--color-data-viz-yellow-30: var(--color-yellow-30);--color-data-viz-yellow-40: var(--color-yellow-40);--color-data-viz-yellow-50: var(--color-yellow-50);--color-feedback-brand: var(--color-brand-30);--color-feedback-brand-secondary: var(--color-brand-40);--color-feedback-brand-tertiary: var(--color-brand-50);--color-feedback-neutral: var(--color-neutral-70);--color-feedback-neutral-secondary: var(--color-neutral-80);--color-feedback-neutral-tertiary: var(--color-neutral-80);--color-feedback-success: var(--color-green-30);--color-feedback-success-secondary: var(--color-green-40);--color-feedback-success-tertiary: var(--color-green-50);--color-feedback-warning: var(--color-orange-30);--color-feedback-warning-secondary: var(--color-orange-40);--color-feedback-warning-tertiary: var(--color-orange-50);--color-feedback-error: var(--color-red-30);--color-feedback-error-secondary: var(--color-red-40);--color-feedback-error-tertiary: var(--color-red-50);--color-icon-primary: var(--color-neutral-70);--color-icon-secondary: var(--color-neutral-50);--color-icon-tertiary: var(--color-neutral-40);--color-icon-disabled: var(--color-neutral-40);--color-icon-inverse: var(--color-neutral-0);--color-icon-brand: var(--color-brand-30);--color-icon-brand-secondary: var(--color-brand-20);--color-icon-brand-tertiary: var(--color-brand-0);--color-icon-success: var(--color-green-40);--color-icon-warning: var(--color-orange-40);--color-icon-error: var(--color-red-40);--color-icon-ai: var(--color-purple-50);--color-illustration-primary: var(--color-neutral-70);--color-illustration-brand: var(--color-brand-30);--color-overlay-primary: var(--color-neutral-80-alpha-10);--color-overlay-secondary: var(--color-neutral-80-alpha-60);--color-surface-primary: var(--color-neutral-0);--color-surface-secondary: var(--color-neutral-10);--color-surface-tertiary: var(--color-neutral-20);--color-surface-neutral: var(--color-neutral-35);--color-surface-neutral-secondary: var(--color-neutral-40);--color-surface-neutral-tertiary: var(--color-neutral-45);--color-surface-inverse: var(--color-neutral-70);--color-surface-hover: var(--color-neutral-10);--color-surface-disabled: var(--color-neutral-30);--color-surface-loading: var(--color-neutral-35);--color-surface-brand: var(--color-brand-0);--color-surface-brand-secondary: var(--color-brand-10);--color-surface-brand-tertiary: var(--color-brand-20);--color-surface-success: var(--color-green-10);--color-surface-success-secondary: var(--color-green-20);--color-surface-warning: var(--color-orange-10);--color-surface-warning-secondary: var(--color-orange-20);--color-surface-error: var(--color-red-10);--color-surface-error-secondary: var(--color-red-20);--color-surface-purple: var(--color-purple-10);--color-surface-purple-secondary: var(--color-purple-20);--color-surface-blue: var(--color-blue-10);--color-surface-blue-secondary: var(--color-blue-20);--color-surface-aqua: var(--color-aqua-10);--color-surface-aqua-secondary: var(--color-aqua-20);--color-surface-gator-green: var(--color-gator-green-10);--color-surface-gator-green-secondary: var(--color-gator-green-20);--color-surface-yellow: var(--color-yellow-10);--color-surface-yellow-secondary: var(--color-yellow-20);--color-surface-alpha-neutral-strong: var(--color-neutral-40-alpha-70);--color-surface-alpha-neutral-medium: var(--color-neutral-40-alpha-30);--color-surface-alpha-brand-strong: var(--color-brand-30-alpha-70);--color-surface-alpha-brand-medium: var(--color-brand-30-alpha-50);--color-surface-alpha-brand-subtle: var(--color-brand-30-alpha-30);--color-underline-primary: var(--color-neutral-40);--color-underline-secondary: var(--color-neutral-70);--color-underline-tertiary: var(--color-neutral-80);--color-underline-brand: var(--color-brand-30);--color-underline-brand-secondary: var(--color-brand-40);--color-underline-brand-tertiary: var(--color-brand-50);--color-text-primary: var(--color-neutral-70);--color-text-secondary: var(--color-neutral-50);--color-text-placeholder: var(--color-neutral-45);--color-text-inverse: var(--color-neutral-0);--color-text-loading: var(--color-neutral-40);--color-text-disabled: var(--color-neutral-40);--color-text-brand: var(--color-brand-30);--color-text-success: var(--color-green-40);--color-text-warning: var(--color-orange-40);--color-text-error: var(--color-red-40);--color-text-ai: var(--color-purple-40);--color-gradient-surface: radial-gradient(135.16% 99.24% at 113.24% 116.21%, var(--color-surface-warning-secondary, #F5B77F) 0%, rgba(245, 183, 127, 0) 100%), radial-gradient(76.31% 76.31% at 50% 50%, var(--color-surface-purple-secondary, #E5CCFF) 0%, rgba(229, 204, 255, 0) 100%), radial-gradient(122.16% 126.39% at 8.91% 12.38%, var(--color-surface-aqua-secondary, #A2DBF0) 0%, rgba(162, 219, 240, 0) 100%), var(--color-surface-purple, #F6EEFF);--color-gradient-surface-secondary: radial-gradient(135.16% 99.24% at 113.24% 116.21%, var(--color-orange-30, rgba(236, 112, 0, .5)) 0%, rgba(245, 183, 127, 0) 100%), linear-gradient(225deg, var(--color-purple-30, rgba(128, 0, 255, .2)) -3.96%, rgba(229, 204, 255, 0) 103.96%), radial-gradient(122.16% 126.39% at 8.91% 12.38%, var(--color-purple-30, rgba(128, 0, 255, .1)) 0%, rgba(162, 219, 240, 0) 100%), var(--color-surface-purple-secondary, #E5CCFF);--color-gradient-surface-tertiary: radial-gradient(135.16% 99.24% at 113.24% 116.21%, rgba(245, 183, 127, .15) 0%, rgba(245, 183, 127, 0) 100%), radial-gradient(76.31% 76.31% at 50% 50%, rgba(229, 204, 255, .15) 0%, rgba(229, 204, 255, 0) 100%), radial-gradient(122.16% 126.39% at 8.91% 12.38%, rgba(162, 219, 240, .15) 0%, rgba(162, 219, 240, 0) 100%), var(--color-surface-purple, #F6EEFF);--color-gradient-border: linear-gradient(316deg, var(--color-border-warning-secondary, #BD5A00) -11.08%, var(--color-orange-20, #F5B77F) 16.15%, var(--color-data-viz-purple-20, #E5CCFF) 43.38%, var(--color-data-viz-blue-30, #35F) 70.61%, var(--color-data-viz-purple-30, #8000FF) 97.84%);--color-gradient-icon: linear-gradient(0deg, var(--color-orange-30, #EC7000) -10.01%, rgba(236, 112, 0, 0) 37.14%), linear-gradient(215deg, var(--color-border-aqua-secondary, #0F6F91) 15.88%, rgba(0, 159, 217, 0) 87.52%), linear-gradient(64deg, var(--color-border-purple-secondary, #60C) 8.4%, rgba(128, 0, 255, 0) 147.46%);--color-gradient-text: linear-gradient(0deg, var(--color-orange-30, #EC7000) -10.01%, rgba(236, 112, 0, 0) 37.14%), linear-gradient(215deg, var(--color-border-aqua-secondary, #0F6F91) 15.88%, rgba(0, 159, 217, 0) 87.52%), linear-gradient(64deg, var(--color-border-purple-secondary, #60C) 8.4%, rgba(128, 0, 255, 0) 147.46%);--font-family-headings: "Lexend Deca", system-ui, -apple-system, sans-serif;--font-family-body: "Open Sans", system-ui, -apple-system, sans-serif;--font-size-body-1: 1.0625rem;--font-size-body-2: .9375rem;--font-size-body-3: .8125rem;--font-size-display-1: 4.5rem;--font-size-display-2: 4rem;--font-size-heading-1: 2.5rem;--font-size-heading-2: 2rem;--font-size-heading-3: 1.625rem;--font-size-heading-4: 1.375rem;--font-size-heading-5: 1.25rem;--font-size-heading-6: 1.125rem;--font-size-subtitle-1: 1.0625rem;--font-size-subtitle-2: .9375rem;--font-size-subtitle-3: .8125rem;--font-size-sm-display-1: 3rem;--font-size-sm-display-2: 2.25rem;--font-size-sm-heading-1: 1.75rem;--font-size-sm-heading-2: 1.5rem;--font-size-sm-heading-3: 1.375rem;--font-size-sm-heading-4: 1.25rem;--font-size-sm-heading-5: 1.125rem;--font-size-sm-heading-6: 1.0625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--letter-spacing-default: 0;--letter-spacing-narrow: -1px;--line-height-body-1: 1.5rem;--line-height-body-2: 1.375rem;--line-height-body-3: 1.125rem;--line-height-display-1: 5.625rem;--line-height-display-2: 4.875rem;--line-height-heading-1: 3.125rem;--line-height-heading-2: 2.625rem;--line-height-heading-3: 2.25rem;--line-height-heading-4: 2rem;--line-height-heading-5: 1.875rem;--line-height-heading-6: 1.875rem;--line-height-subtitle-1: 1.5rem;--line-height-subtitle-2: 1.375rem;--line-height-sm-display-1: 3.5rem;--line-height-sm-display-2: 3rem;--line-height-sm-heading-1: 2.25rem;--line-height-sm-heading-2: 2rem;--line-height-sm-heading-3: 2rem;--line-height-sm-heading-4: 1.875rem;--line-height-sm-heading-5: 1.875rem;--line-height-sm-heading-6: 1.875rem;--spacing-0: 0;--spacing-1: .0625rem;--spacing-2: .125rem;--spacing-3: .25rem;--spacing-4: .3125rem;--spacing-5: .5rem;--spacing-6: .5625rem;--spacing-7: .75rem;--spacing-8: 1rem;--spacing-9: 1.25rem;--spacing-10: 1.5rem;--spacing-11: 2rem;--spacing-12: 2.5rem;--spacing-13: 3rem;--spacing-14: 3.5rem;--spacing-15: 4rem;--spacing-16: 4.5rem;--spacing-17: 5rem;--spacing-18: 7.5rem;--shadow-1-card: 0 1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-2-card-raised: 0 5px 10px 0px var(--color-neutral-70-alpha-5), 0 7px 14px 0px var(--color-neutral-70-alpha-8), 0 3px 6px 0px var(--color-neutral-70-alpha-4);--shadow-3-dropdown: 0 7px 12px 0px var(--color-neutral-70-alpha-5), 0 8px 16px 0px var(--color-neutral-70-alpha-8), 0 9px 18px 0px var(--color-neutral-70-alpha-10);--shadow-4-modal: 0 9px 15px 0px var(--color-neutral-70-alpha-5), 0 10px 20px 0px var(--color-neutral-70-alpha-8), 0 9px 20px 0px var(--color-neutral-70-alpha-10);--shadow-popover: 0 -1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-panel-right: -4px 0 10px 0px var(--color-neutral-70-alpha-5), -4px 0 14px 0px var(--color-neutral-70-alpha-8), -4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-left: 4px 0 10px 0px var(--color-neutral-70-alpha-5), 4px 0 14px 0px var(--color-neutral-70-alpha-8), 4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-bottom: 0 -4px 10px 0px var(--color-neutral-70-alpha-5), 0 -4px 14px 0px var(--color-neutral-70-alpha-8), 0 -4px 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-top: 0 4px 10px 0px var(--color-neutral-70-alpha-5), 0 4px 14px 0px var(--color-neutral-70-alpha-8), 0 4px 6px 0px var(--color-neutral-70-alpha-4);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px}';
2
+ export {
3
+ r as default
4
+ };
package/dist/index.js ADDED
@@ -0,0 +1,5 @@
1
+ import { default as t, default as f } from "./gator/themes/MUIGatorTheme.js";
2
+ export {
3
+ t as default,
4
+ f as gatorMUITheme
5
+ };
@@ -0,0 +1 @@
1
+ :host,:root{--color-brand-hue-default: 208;--color-brand-saturation-default: 69%;--color-brand-0: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), 50%, 96%);--color-brand-10: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), 44%, 90%);--color-brand-20: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), 30%, 80%);--color-brand-30: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%);--color-brand-40: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 16%);--color-brand-50: hsl(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 8%);--color-brand-30-alpha-70: hsla(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%, .7);--color-brand-30-alpha-50: hsla(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%, .5);--color-brand-30-alpha-30: hsla(var(--color-brand-hue, var(--color-brand-hue-default)), var(--color-brand-saturation, var(--color-brand-saturation-default)), 20%, .3);--color-neutral-0: #FFFFFF;--color-neutral-10: #F7F7F7;--color-neutral-20: #F2F2F2;--color-neutral-30: #E5E5E5;--color-neutral-35: #DBDBDB;--color-neutral-40: #BFBFBF;--color-neutral-45: #808080;--color-neutral-50: #6D6D6D;--color-neutral-60: #404040;--color-neutral-70: #1F1F1F;--color-neutral-80: #040404;--color-neutral-40-alpha-70: rgba(191, 191, 191, .7);--color-neutral-40-alpha-50: rgba(191, 191, 191, .5);--color-neutral-40-alpha-30: rgba(191, 191, 191, .3);--color-neutral-40-alpha-10: rgba(191, 191, 191, .1);--color-neutral-40-alpha-8: rgba(191, 191, 191, .08);--color-neutral-40-alpha-5: rgba(191, 191, 191, .05);--color-neutral-40-alpha-4: rgba(191, 191, 191, .04);--color-neutral-70-alpha-10: rgba(31, 31, 31, .1);--color-neutral-70-alpha-8: rgba(31, 31, 31, .08);--color-neutral-70-alpha-5: rgba(31, 31, 31, .05);--color-neutral-70-alpha-4: rgba(31, 31, 31, .04);--color-neutral-80-alpha-60: rgba(4, 4, 4, .6);--color-neutral-80-alpha-10: rgba(4, 4, 4, .1);--color-green-0: #F2F7F5;--color-green-10: #E9F7F0;--color-green-20: #90D4B4;--color-green-30: #22A969;--color-green-40: #1B8754;--color-green-50: #14653F;--color-orange-0: #FEFBF9;--color-orange-10: #FEF1E6;--color-orange-20: #F5B77F;--color-orange-30: #EC7000;--color-orange-40: #BD5A00;--color-orange-50: #8D4300;--color-red-0: #FAF6F5;--color-red-10: #FAEBE7;--color-red-20: #E99F88;--color-red-30: #D44011;--color-red-40: #AA330E;--color-red-50: #9E2500;--color-purple-0: #FCFAFF;--color-purple-10: #F6EEFF;--color-purple-20: #E5CCFF;--color-purple-30: #8000FF;--color-purple-40: #6600CC;--color-purple-50: #4C0099;--color-blue-0: #FAFBFF;--color-blue-10: #E8ECFF;--color-blue-20: #BBC6FF;--color-blue-30: #3355FF;--color-blue-40: #2A46D4;--color-blue-50: #2238AA;--color-aqua-0: #F7FBFC;--color-aqua-10: #EFF9FC;--color-aqua-20: #A2DBF0;--color-aqua-30: #009FD9;--color-aqua-40: #0F6F91;--color-aqua-50: #0A5069;--color-gator-green-0: #F6FAF5;--color-gator-green-10: #EFFAED;--color-gator-green-20: #BDE1B7;--color-gator-green-30: #18A600;--color-gator-green-40: #107000;--color-gator-green-50: #0D5700;--color-yellow-0: #FEFDF9;--color-yellow-10: #FEFBF4;--color-yellow-20: #FDE399;--color-yellow-30: #FFBB00;--color-yellow-40: #966F00;--color-yellow-50: #735500}:host,:root{--border-radius-no-radius: 0rem;--border-radius-x-small: .125rem;--border-radius-small: .25rem;--border-radius-medium: .5rem;--border-radius-large: .75rem;--border-radius-x-large: 1rem;--border-radius-xx-large: 1.5rem;--border-radius-xxx-large: 2rem;--border-radius-circle: 9999px;--color-background-primary: var(--color-neutral-0);--color-background-secondary: var(--color-neutral-10);--color-background-inverse: var(--color-neutral-80);--color-border-primary: var(--color-neutral-50);--color-border-secondary: var(--color-neutral-40);--color-border-tertiary: var(--color-neutral-30);--color-border-read-only: var(--color-neutral-40);--color-border-disabled: var(--color-neutral-30);--color-border-focus: var(--color-neutral-70);--color-border-inverse: var(--color-neutral-0);--color-border-neutral: var(--color-neutral-70);--color-border-neutral-secondary: var(--color-neutral-80);--color-border-brand: var(--color-brand-30);--color-border-brand-secondary: var(--color-brand-40);--color-border-brand-tertiary: var(--color-brand-20);--color-border-success: var(--color-green-20);--color-border-success-secondary: var(--color-green-40);--color-border-warning: var(--color-orange-20);--color-border-warning-secondary: var(--color-orange-40);--color-border-error: var(--color-red-20);--color-border-error-secondary: var(--color-red-40);--color-border-purple: var(--color-purple-20);--color-border-purple-secondary: var(--color-purple-40);--color-border-blue: var(--color-blue-20);--color-border-blue-secondary: var(--color-blue-40);--color-border-aqua: var(--color-aqua-20);--color-border-aqua-secondary: var(--color-aqua-40);--color-border-gator-green: var(--color-gator-green-20);--color-border-gator-green-secondary: var(--color-gator-green-40);--color-border-yellow: var(--color-yellow-20);--color-border-yellow-secondary: var(--color-yellow-40);--color-data-viz-brand-10: var(--color-brand-10);--color-data-viz-brand-20: var(--color-brand-20);--color-data-viz-brand-30: var(--color-brand-30);--color-data-viz-brand-40: var(--color-brand-40);--color-data-viz-brand-50: var(--color-brand-50);--color-data-viz-success-10: var(--color-green-10);--color-data-viz-success-20: var(--color-green-20);--color-data-viz-success-30: var(--color-green-30);--color-data-viz-success-40: var(--color-green-40);--color-data-viz-success-50: var(--color-green-50);--color-data-viz-warning-10: var(--color-orange-10);--color-data-viz-warning-20: var(--color-orange-20);--color-data-viz-warning-30: var(--color-orange-30);--color-data-viz-warning-40: var(--color-orange-40);--color-data-viz-warning-50: var(--color-orange-50);--color-data-viz-error-10: var(--color-red-10);--color-data-viz-error-20: var(--color-red-20);--color-data-viz-error-30: var(--color-red-30);--color-data-viz-error-40: var(--color-red-40);--color-data-viz-error-50: var(--color-red-50);--color-data-viz-purple-10: var(--color-purple-10);--color-data-viz-purple-20: var(--color-purple-20);--color-data-viz-purple-30: var(--color-purple-30);--color-data-viz-purple-40: var(--color-purple-40);--color-data-viz-purple-50: var(--color-purple-50);--color-data-viz-blue-10: var(--color-blue-10);--color-data-viz-blue-20: var(--color-blue-20);--color-data-viz-blue-30: var(--color-blue-30);--color-data-viz-blue-40: var(--color-blue-40);--color-data-viz-blue-50: var(--color-blue-50);--color-data-viz-aqua-10: var(--color-aqua-10);--color-data-viz-aqua-20: var(--color-aqua-20);--color-data-viz-aqua-30: var(--color-aqua-30);--color-data-viz-aqua-40: var(--color-aqua-40);--color-data-viz-aqua-50: var(--color-aqua-50);--color-data-viz-gator-green-10: var(--color-gator-green-10);--color-data-viz-gator-green-20: var(--color-gator-green-20);--color-data-viz-gator-green-30: var(--color-gator-green-30);--color-data-viz-gator-green-40: var(--color-gator-green-40);--color-data-viz-gator-green-50: var(--color-gator-green-50);--color-data-viz-yellow-10: var(--color-yellow-10);--color-data-viz-yellow-20: var(--color-yellow-20);--color-data-viz-yellow-30: var(--color-yellow-30);--color-data-viz-yellow-40: var(--color-yellow-40);--color-data-viz-yellow-50: var(--color-yellow-50);--color-feedback-brand: var(--color-brand-30);--color-feedback-brand-secondary: var(--color-brand-40);--color-feedback-brand-tertiary: var(--color-brand-50);--color-feedback-neutral: var(--color-neutral-70);--color-feedback-neutral-secondary: var(--color-neutral-80);--color-feedback-neutral-tertiary: var(--color-neutral-80);--color-feedback-success: var(--color-green-30);--color-feedback-success-secondary: var(--color-green-40);--color-feedback-success-tertiary: var(--color-green-50);--color-feedback-warning: var(--color-orange-30);--color-feedback-warning-secondary: var(--color-orange-40);--color-feedback-warning-tertiary: var(--color-orange-50);--color-feedback-error: var(--color-red-30);--color-feedback-error-secondary: var(--color-red-40);--color-feedback-error-tertiary: var(--color-red-50);--color-icon-primary: var(--color-neutral-70);--color-icon-secondary: var(--color-neutral-50);--color-icon-tertiary: var(--color-neutral-40);--color-icon-disabled: var(--color-neutral-40);--color-icon-inverse: var(--color-neutral-0);--color-icon-brand: var(--color-brand-30);--color-icon-brand-secondary: var(--color-brand-20);--color-icon-brand-tertiary: var(--color-brand-0);--color-icon-success: var(--color-green-40);--color-icon-warning: var(--color-orange-40);--color-icon-error: var(--color-red-40);--color-icon-ai: var(--color-purple-50);--color-illustration-primary: var(--color-neutral-70);--color-illustration-brand: var(--color-brand-30);--color-overlay-primary: var(--color-neutral-80-alpha-10);--color-overlay-secondary: var(--color-neutral-80-alpha-60);--color-surface-primary: var(--color-neutral-0);--color-surface-secondary: var(--color-neutral-10);--color-surface-tertiary: var(--color-neutral-20);--color-surface-neutral: var(--color-neutral-35);--color-surface-neutral-secondary: var(--color-neutral-40);--color-surface-neutral-tertiary: var(--color-neutral-45);--color-surface-inverse: var(--color-neutral-70);--color-surface-hover: var(--color-neutral-10);--color-surface-disabled: var(--color-neutral-30);--color-surface-loading: var(--color-neutral-35);--color-surface-brand: var(--color-brand-0);--color-surface-brand-secondary: var(--color-brand-10);--color-surface-brand-tertiary: var(--color-brand-20);--color-surface-success: var(--color-green-10);--color-surface-success-secondary: var(--color-green-20);--color-surface-warning: var(--color-orange-10);--color-surface-warning-secondary: var(--color-orange-20);--color-surface-error: var(--color-red-10);--color-surface-error-secondary: var(--color-red-20);--color-surface-purple: var(--color-purple-10);--color-surface-purple-secondary: var(--color-purple-20);--color-surface-blue: var(--color-blue-10);--color-surface-blue-secondary: var(--color-blue-20);--color-surface-aqua: var(--color-aqua-10);--color-surface-aqua-secondary: var(--color-aqua-20);--color-surface-gator-green: var(--color-gator-green-10);--color-surface-gator-green-secondary: var(--color-gator-green-20);--color-surface-yellow: var(--color-yellow-10);--color-surface-yellow-secondary: var(--color-yellow-20);--color-surface-alpha-neutral-strong: var(--color-neutral-40-alpha-70);--color-surface-alpha-neutral-medium: var(--color-neutral-40-alpha-30);--color-surface-alpha-brand-strong: var(--color-brand-30-alpha-70);--color-surface-alpha-brand-medium: var(--color-brand-30-alpha-50);--color-surface-alpha-brand-subtle: var(--color-brand-30-alpha-30);--color-underline-primary: var(--color-neutral-40);--color-underline-secondary: var(--color-neutral-70);--color-underline-tertiary: var(--color-neutral-80);--color-underline-brand: var(--color-brand-30);--color-underline-brand-secondary: var(--color-brand-40);--color-underline-brand-tertiary: var(--color-brand-50);--color-text-primary: var(--color-neutral-70);--color-text-secondary: var(--color-neutral-50);--color-text-placeholder: var(--color-neutral-45);--color-text-inverse: var(--color-neutral-0);--color-text-loading: var(--color-neutral-40);--color-text-disabled: var(--color-neutral-40);--color-text-brand: var(--color-brand-30);--color-text-success: var(--color-green-40);--color-text-warning: var(--color-orange-40);--color-text-error: var(--color-red-40);--color-text-ai: var(--color-purple-40);--color-gradient-surface: radial-gradient(135.16% 99.24% at 113.24% 116.21%, var(--color-surface-warning-secondary, #F5B77F) 0%, rgba(245, 183, 127, 0) 100%), radial-gradient(76.31% 76.31% at 50% 50%, var(--color-surface-purple-secondary, #E5CCFF) 0%, rgba(229, 204, 255, 0) 100%), radial-gradient(122.16% 126.39% at 8.91% 12.38%, var(--color-surface-aqua-secondary, #A2DBF0) 0%, rgba(162, 219, 240, 0) 100%), var(--color-surface-purple, #F6EEFF);--color-gradient-surface-secondary: radial-gradient(135.16% 99.24% at 113.24% 116.21%, var(--color-orange-30, rgba(236, 112, 0, .5)) 0%, rgba(245, 183, 127, 0) 100%), linear-gradient(225deg, var(--color-purple-30, rgba(128, 0, 255, .2)) -3.96%, rgba(229, 204, 255, 0) 103.96%), radial-gradient(122.16% 126.39% at 8.91% 12.38%, var(--color-purple-30, rgba(128, 0, 255, .1)) 0%, rgba(162, 219, 240, 0) 100%), var(--color-surface-purple-secondary, #E5CCFF);--color-gradient-surface-tertiary: radial-gradient(135.16% 99.24% at 113.24% 116.21%, rgba(245, 183, 127, .15) 0%, rgba(245, 183, 127, 0) 100%), radial-gradient(76.31% 76.31% at 50% 50%, rgba(229, 204, 255, .15) 0%, rgba(229, 204, 255, 0) 100%), radial-gradient(122.16% 126.39% at 8.91% 12.38%, rgba(162, 219, 240, .15) 0%, rgba(162, 219, 240, 0) 100%), var(--color-surface-purple, #F6EEFF);--color-gradient-border: linear-gradient(316deg, var(--color-border-warning-secondary, #BD5A00) -11.08%, var(--color-orange-20, #F5B77F) 16.15%, var(--color-data-viz-purple-20, #E5CCFF) 43.38%, var(--color-data-viz-blue-30, #35F) 70.61%, var(--color-data-viz-purple-30, #8000FF) 97.84%);--color-gradient-icon: linear-gradient(0deg, var(--color-orange-30, #EC7000) -10.01%, rgba(236, 112, 0, 0) 37.14%), linear-gradient(215deg, var(--color-border-aqua-secondary, #0F6F91) 15.88%, rgba(0, 159, 217, 0) 87.52%), linear-gradient(64deg, var(--color-border-purple-secondary, #60C) 8.4%, rgba(128, 0, 255, 0) 147.46%);--color-gradient-text: linear-gradient(0deg, var(--color-orange-30, #EC7000) -10.01%, rgba(236, 112, 0, 0) 37.14%), linear-gradient(215deg, var(--color-border-aqua-secondary, #0F6F91) 15.88%, rgba(0, 159, 217, 0) 87.52%), linear-gradient(64deg, var(--color-border-purple-secondary, #60C) 8.4%, rgba(128, 0, 255, 0) 147.46%);--font-family-headings: "Lexend Deca", system-ui, -apple-system, sans-serif;--font-family-body: "Open Sans", system-ui, -apple-system, sans-serif;--font-size-body-1: 1.0625rem;--font-size-body-2: .9375rem;--font-size-body-3: .8125rem;--font-size-display-1: 4.5rem;--font-size-display-2: 4rem;--font-size-heading-1: 2.5rem;--font-size-heading-2: 2rem;--font-size-heading-3: 1.625rem;--font-size-heading-4: 1.375rem;--font-size-heading-5: 1.25rem;--font-size-heading-6: 1.125rem;--font-size-subtitle-1: 1.0625rem;--font-size-subtitle-2: .9375rem;--font-size-subtitle-3: .8125rem;--font-size-sm-display-1: 3rem;--font-size-sm-display-2: 2.25rem;--font-size-sm-heading-1: 1.75rem;--font-size-sm-heading-2: 1.5rem;--font-size-sm-heading-3: 1.375rem;--font-size-sm-heading-4: 1.25rem;--font-size-sm-heading-5: 1.125rem;--font-size-sm-heading-6: 1.0625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--letter-spacing-default: 0;--letter-spacing-narrow: -1px;--line-height-body-1: 1.5rem;--line-height-body-2: 1.375rem;--line-height-body-3: 1.125rem;--line-height-display-1: 5.625rem;--line-height-display-2: 4.875rem;--line-height-heading-1: 3.125rem;--line-height-heading-2: 2.625rem;--line-height-heading-3: 2.25rem;--line-height-heading-4: 2rem;--line-height-heading-5: 1.875rem;--line-height-heading-6: 1.875rem;--line-height-subtitle-1: 1.5rem;--line-height-subtitle-2: 1.375rem;--line-height-sm-display-1: 3.5rem;--line-height-sm-display-2: 3rem;--line-height-sm-heading-1: 2.25rem;--line-height-sm-heading-2: 2rem;--line-height-sm-heading-3: 2rem;--line-height-sm-heading-4: 1.875rem;--line-height-sm-heading-5: 1.875rem;--line-height-sm-heading-6: 1.875rem;--spacing-0: 0;--spacing-1: .0625rem;--spacing-2: .125rem;--spacing-3: .25rem;--spacing-4: .3125rem;--spacing-5: .5rem;--spacing-6: .5625rem;--spacing-7: .75rem;--spacing-8: 1rem;--spacing-9: 1.25rem;--spacing-10: 1.5rem;--spacing-11: 2rem;--spacing-12: 2.5rem;--spacing-13: 3rem;--spacing-14: 3.5rem;--spacing-15: 4rem;--spacing-16: 4.5rem;--spacing-17: 5rem;--spacing-18: 7.5rem;--shadow-1-card: 0 1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-2-card-raised: 0 5px 10px 0px var(--color-neutral-70-alpha-5), 0 7px 14px 0px var(--color-neutral-70-alpha-8), 0 3px 6px 0px var(--color-neutral-70-alpha-4);--shadow-3-dropdown: 0 7px 12px 0px var(--color-neutral-70-alpha-5), 0 8px 16px 0px var(--color-neutral-70-alpha-8), 0 9px 18px 0px var(--color-neutral-70-alpha-10);--shadow-4-modal: 0 9px 15px 0px var(--color-neutral-70-alpha-5), 0 10px 20px 0px var(--color-neutral-70-alpha-8), 0 9px 20px 0px var(--color-neutral-70-alpha-10);--shadow-popover: 0 -1px 1.5px 0px var(--color-neutral-70-alpha-4), 0 2px 5px 0px var(--color-neutral-70-alpha-5), 0 3px 9px 6px var(--color-neutral-70-alpha-8);--shadow-panel-right: -4px 0 10px 0px var(--color-neutral-70-alpha-5), -4px 0 14px 0px var(--color-neutral-70-alpha-8), -4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-left: 4px 0 10px 0px var(--color-neutral-70-alpha-5), 4px 0 14px 0px var(--color-neutral-70-alpha-8), 4px 0 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-bottom: 0 -4px 10px 0px var(--color-neutral-70-alpha-5), 0 -4px 14px 0px var(--color-neutral-70-alpha-8), 0 -4px 6px 0px var(--color-neutral-70-alpha-4);--shadow-panel-top: 0 4px 10px 0px var(--color-neutral-70-alpha-5), 0 4px 14px 0px var(--color-neutral-70-alpha-8), 0 4px 6px 0px var(--color-neutral-70-alpha-4);--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px}
@@ -0,0 +1,6 @@
1
+ /// <reference path="../types/mui-augmentations.d.ts" />
2
+
3
+ import '../types/mui-augmentations';
4
+
5
+ export declare const gatorMUITheme: import('@mui/material/styles').Theme;
6
+ export default gatorMUITheme;
@@ -0,0 +1,65 @@
1
+ export declare const MUIGatorAccordionOverrides: {
2
+ MuiAccordion: {
3
+ defaultProps: {
4
+ disableGutters: boolean;
5
+ elevation: number;
6
+ };
7
+ styleOverrides: {
8
+ root: {
9
+ borderRadius: string;
10
+ '&:not(:last-child)': {
11
+ borderBottom: string;
12
+ };
13
+ '&:before': {
14
+ display: string;
15
+ };
16
+ '&.Mui-expanded': {
17
+ '&:before': {
18
+ opacity: number;
19
+ };
20
+ };
21
+ };
22
+ };
23
+ };
24
+ MuiAccordionSummary: {
25
+ styleOverrides: {
26
+ root: {
27
+ padding: string;
28
+ minHeight: string;
29
+ transition: string;
30
+ '&:hover': {
31
+ backgroundColor: string;
32
+ };
33
+ '&.Mui-focusVisible': {
34
+ outline: string;
35
+ outlineOffset: string;
36
+ };
37
+ '&.Mui-expanded': {
38
+ minHeight: string;
39
+ };
40
+ };
41
+ content: {
42
+ margin: string;
43
+ '&.Mui-expanded': {
44
+ margin: string;
45
+ };
46
+ };
47
+ expandIconWrapper: {
48
+ color: string;
49
+ '&.Mui-expanded': {
50
+ transform: string;
51
+ };
52
+ };
53
+ };
54
+ };
55
+ MuiAccordionDetails: {
56
+ styleOverrides: {
57
+ root: {
58
+ padding: string;
59
+ fontSize: string;
60
+ lineHeight: string;
61
+ color: string;
62
+ };
63
+ };
64
+ };
65
+ };
@@ -0,0 +1,51 @@
1
+ export declare const MUIGatorAlertOverrides: {
2
+ MuiAlert: {
3
+ styleOverrides: {
4
+ root: {
5
+ borderRadius: string;
6
+ padding: string;
7
+ fontSize: string;
8
+ border: string;
9
+ };
10
+ standardSuccess: {
11
+ backgroundColor: string;
12
+ color: string;
13
+ borderColor: string;
14
+ '& .MuiAlert-icon': {
15
+ color: string;
16
+ };
17
+ };
18
+ standardError: {
19
+ backgroundColor: string;
20
+ color: string;
21
+ borderColor: string;
22
+ '& .MuiAlert-icon': {
23
+ color: string;
24
+ };
25
+ };
26
+ standardWarning: {
27
+ backgroundColor: string;
28
+ color: string;
29
+ borderColor: string;
30
+ '& .MuiAlert-icon': {
31
+ color: string;
32
+ };
33
+ };
34
+ standardInfo: {
35
+ backgroundColor: string;
36
+ color: string;
37
+ borderColor: string;
38
+ '& .MuiAlert-icon': {
39
+ color: string;
40
+ };
41
+ };
42
+ };
43
+ };
44
+ MuiAlertTitle: {
45
+ styleOverrides: {
46
+ root: {
47
+ fontWeight: number;
48
+ };
49
+ };
50
+ };
51
+ };