@arbor-education/design-system.components 0.0.1

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 (141) hide show
  1. package/.checkov.yml +10 -0
  2. package/.github/CODEOWNERS +7 -0
  3. package/.github/workflows/chromatic.yml +52 -0
  4. package/.github/workflows/pr-checks.yml +18 -0
  5. package/.github/workflows/pr-housekeeping.yaml +16 -0
  6. package/.husky/pre-commit +2 -0
  7. package/.nvmrc +1 -0
  8. package/.pre-commit-config.yaml +28 -0
  9. package/.storybook/main.ts +21 -0
  10. package/.storybook/preview.ts +23 -0
  11. package/.storybook/vitest.setup.ts +7 -0
  12. package/.tflint.hcl +13 -0
  13. package/CODEOWNERS +5 -0
  14. package/README.md +21 -0
  15. package/bin/createComponent.sh +96 -0
  16. package/dist/components/button/Button.d.ts +10 -0
  17. package/dist/components/button/Button.d.ts.map +1 -0
  18. package/dist/components/button/Button.js +8 -0
  19. package/dist/components/button/Button.js.map +1 -0
  20. package/dist/components/card/Card.d.ts +18 -0
  21. package/dist/components/card/Card.d.ts.map +1 -0
  22. package/dist/components/card/Card.js +31 -0
  23. package/dist/components/card/Card.js.map +1 -0
  24. package/dist/components/card/Card.stories.d.ts +86 -0
  25. package/dist/components/card/Card.stories.d.ts.map +1 -0
  26. package/dist/components/card/Card.stories.js +89 -0
  27. package/dist/components/card/Card.stories.js.map +1 -0
  28. package/dist/components/heading/Heading.d.ts +393 -0
  29. package/dist/components/heading/Heading.d.ts.map +1 -0
  30. package/dist/components/heading/Heading.js +12 -0
  31. package/dist/components/heading/Heading.js.map +1 -0
  32. package/dist/components/heading/Heading.stories.d.ts +35 -0
  33. package/dist/components/heading/Heading.stories.d.ts.map +1 -0
  34. package/dist/components/heading/Heading.stories.js +50 -0
  35. package/dist/components/heading/Heading.stories.js.map +1 -0
  36. package/dist/components/heading/HeadingInnerContainer.d.ts +5 -0
  37. package/dist/components/heading/HeadingInnerContainer.d.ts.map +1 -0
  38. package/dist/components/heading/HeadingInnerContainer.js +7 -0
  39. package/dist/components/heading/HeadingInnerContainer.js.map +1 -0
  40. package/dist/components/icon/Icon.d.ts +13 -0
  41. package/dist/components/icon/Icon.d.ts.map +1 -0
  42. package/dist/components/icon/Icon.js +10 -0
  43. package/dist/components/icon/Icon.js.map +1 -0
  44. package/dist/components/icon/Icon.stories.d.ts +11 -0
  45. package/dist/components/icon/Icon.stories.d.ts.map +1 -0
  46. package/dist/components/icon/Icon.stories.js +13 -0
  47. package/dist/components/icon/Icon.stories.js.map +1 -0
  48. package/dist/components/icon/allowedIcons.d.ts +110 -0
  49. package/dist/components/icon/allowedIcons.d.ts.map +1 -0
  50. package/dist/components/icon/allowedIcons.js +117 -0
  51. package/dist/components/icon/allowedIcons.js.map +1 -0
  52. package/dist/components/icon/customIcons/AskArbor.d.ts +3 -0
  53. package/dist/components/icon/customIcons/AskArbor.d.ts.map +1 -0
  54. package/dist/components/icon/customIcons/AskArbor.js +6 -0
  55. package/dist/components/icon/customIcons/AskArbor.js.map +1 -0
  56. package/dist/components/icon/customIcons/CheckSolid.d.ts +3 -0
  57. package/dist/components/icon/customIcons/CheckSolid.d.ts.map +1 -0
  58. package/dist/components/icon/customIcons/CheckSolid.js +9 -0
  59. package/dist/components/icon/customIcons/CheckSolid.js.map +1 -0
  60. package/dist/components/icon/customIcons/Google.d.ts +3 -0
  61. package/dist/components/icon/customIcons/Google.d.ts.map +1 -0
  62. package/dist/components/icon/customIcons/Google.js +7 -0
  63. package/dist/components/icon/customIcons/Google.js.map +1 -0
  64. package/dist/components/icon/customIcons/XSolid.d.ts +3 -0
  65. package/dist/components/icon/customIcons/XSolid.d.ts.map +1 -0
  66. package/dist/components/icon/customIcons/XSolid.js +8 -0
  67. package/dist/components/icon/customIcons/XSolid.js.map +1 -0
  68. package/dist/components/icon/types.d.ts +8 -0
  69. package/dist/components/icon/types.d.ts.map +1 -0
  70. package/dist/components/icon/types.js +2 -0
  71. package/dist/components/icon/types.js.map +1 -0
  72. package/dist/components/pill/Pill.d.ts +8 -0
  73. package/dist/components/pill/Pill.d.ts.map +1 -0
  74. package/dist/components/pill/Pill.js +6 -0
  75. package/dist/components/pill/Pill.js.map +1 -0
  76. package/dist/components/pill/Pill.stories.d.ts +8 -0
  77. package/dist/components/pill/Pill.stories.d.ts.map +1 -0
  78. package/dist/components/pill/Pill.stories.js +10 -0
  79. package/dist/components/pill/Pill.stories.js.map +1 -0
  80. package/dist/index.css +1557 -0
  81. package/dist/index.css.map +1 -0
  82. package/dist/index.d.ts +7 -0
  83. package/dist/index.d.ts.map +1 -0
  84. package/dist/index.js +7 -0
  85. package/dist/index.js.map +1 -0
  86. package/dist/utils/generateUuid.d.ts +2 -0
  87. package/dist/utils/generateUuid.d.ts.map +1 -0
  88. package/dist/utils/generateUuid.js +10 -0
  89. package/dist/utils/generateUuid.js.map +1 -0
  90. package/dist/utils/hooks/useMemoGenerateUuid.d.ts +8 -0
  91. package/dist/utils/hooks/useMemoGenerateUuid.d.ts.map +1 -0
  92. package/dist/utils/hooks/useMemoGenerateUuid.js +8 -0
  93. package/dist/utils/hooks/useMemoGenerateUuid.js.map +1 -0
  94. package/dist/utils/keyboardConstants.d.ts +13 -0
  95. package/dist/utils/keyboardConstants.d.ts.map +1 -0
  96. package/dist/utils/keyboardConstants.js +13 -0
  97. package/dist/utils/keyboardConstants.js.map +1 -0
  98. package/dist/utils/waitForElement.d.ts +2 -0
  99. package/dist/utils/waitForElement.d.ts.map +1 -0
  100. package/dist/utils/waitForElement.js +18 -0
  101. package/dist/utils/waitForElement.js.map +1 -0
  102. package/eslint.config.mts +30 -0
  103. package/package.json +76 -0
  104. package/src/components/button/Button.story.tsx +116 -0
  105. package/src/components/button/Button.test.tsx +49 -0
  106. package/src/components/button/Button.tsx +37 -0
  107. package/src/components/button/button.scss +181 -0
  108. package/src/components/card/Card.stories.tsx +99 -0
  109. package/src/components/card/Card.test.tsx +231 -0
  110. package/src/components/card/Card.tsx +96 -0
  111. package/src/components/card/card.scss +68 -0
  112. package/src/components/heading/Heading.stories.tsx +85 -0
  113. package/src/components/heading/Heading.test.tsx +29 -0
  114. package/src/components/heading/Heading.tsx +17 -0
  115. package/src/components/heading/HeadingInnerContainer.tsx +18 -0
  116. package/src/components/heading/heading.scss +48 -0
  117. package/src/components/icon/Icon.stories.tsx +16 -0
  118. package/src/components/icon/Icon.test.tsx +17 -0
  119. package/src/components/icon/Icon.tsx +27 -0
  120. package/src/components/icon/allowedIcons.tsx +208 -0
  121. package/src/components/icon/customIcons/AskArbor.tsx +28 -0
  122. package/src/components/icon/customIcons/CheckSolid.tsx +43 -0
  123. package/src/components/icon/customIcons/Google.tsx +33 -0
  124. package/src/components/icon/customIcons/XSolid.tsx +32 -0
  125. package/src/components/icon/types.ts +8 -0
  126. package/src/components/pill/Pill.stories.tsx +14 -0
  127. package/src/components/pill/Pill.test.tsx +21 -0
  128. package/src/components/pill/Pill.tsx +24 -0
  129. package/src/components/pill/pill.scss +51 -0
  130. package/src/global.scss +19 -0
  131. package/src/index.scss +7 -0
  132. package/src/index.ts +6 -0
  133. package/src/tokens.scss +1249 -0
  134. package/src/utils/generateUuid.ts +9 -0
  135. package/src/utils/hooks/useMemoGenerateUuid.ts +13 -0
  136. package/src/utils/keyboardConstants.ts +12 -0
  137. package/src/utils/waitForElement.ts +22 -0
  138. package/stylelint.config.mjs +10 -0
  139. package/tsconfig.json +49 -0
  140. package/vitest.config.ts +26 -0
  141. package/vitest.shims.d.ts +1 -0
package/src/tokens.scss ADDED
@@ -0,0 +1,1249 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+ :root {
6
+ --colour-brand-100: #ceefd5;
7
+ --colour-brand-200: #a7e1b3;
8
+ --colour-brand-300: #7ed28e;
9
+ --colour-brand-400: #5ec171;
10
+ --colour-brand-500: #3cad51;
11
+ --colour-brand-700: #0b800b;
12
+ --colour-brand-800: #005700;
13
+ --colour-brand-900: #024002;
14
+ --colour-brand-050: #f0faf3;
15
+ --colour-brand-600: #0e8a0e;
16
+ --colour-semantic-destructive-300: #e86565;
17
+ --colour-semantic-destructive-500: #c93232;
18
+ --colour-semantic-destructive-700: #920a0a;
19
+ --colour-semantic-destructive-800: #610202;
20
+ --colour-semantic-destructive-900: #360000;
21
+ --colour-semantic-destructive-050: #fff5f5;
22
+ --colour-semantic-destructive-100-hover: #ffe2e2;
23
+ --colour-semantic-destructive-600-accessible: #a62323;
24
+ --colour-semantic-warning-300: #ffa24a;
25
+ --colour-semantic-warning-500: #e4720d;
26
+ --colour-semantic-warning-700: #a74102;
27
+ --colour-semantic-warning-800: #611f00;
28
+ --colour-semantic-warning-900: #451600;
29
+ --colour-semantic-warning-050: #fffaf5;
30
+ --colour-semantic-warning-100-hover: #ffe8d0;
31
+ --colour-semantic-warning-600-accessible: #b85605;
32
+ --colour-semantic-success-300: #66cd84;
33
+ --colour-semantic-success-500: #16a33d;
34
+ --colour-semantic-success-700: #026319;
35
+ --colour-semantic-success-800: #003508;
36
+ --colour-semantic-success-050: #f5fff8;
37
+ --colour-semantic-success-100-hover: #d7f9e0;
38
+ --colour-semantic-success-600-accessible: #078427;
39
+ --colour-semantic-info-300: #6db5e3;
40
+ --colour-semantic-info-500: #2c8bca;
41
+ --colour-semantic-info-700: #024f83;
42
+ --colour-semantic-info-800: #053a61;
43
+ --colour-semantic-info-900: #021a2b;
44
+ --colour-semantic-info-050: #f5fbff;
45
+ --colour-semantic-info-100-hover: #c7e3f4;
46
+ --colour-semantic-info-600-accessible: #1c77b4;
47
+ --colour-semantic-caution-300: #ffd45b;
48
+ --colour-semantic-caution-500: #edae06;
49
+ --colour-semantic-caution-600: #c18900;
50
+ --colour-semantic-caution-800: #613f00;
51
+ --colour-semantic-caution-050: #fffdf5;
52
+ --colour-semantic-caution-700-kpi: #7d5400;
53
+ --colour-semantic-caution-100-hover: #fff3d0;
54
+ --colour-mono-white: #ffffff;
55
+ --colour-mono-black: #202020;
56
+ --colour-grey-100: #efefef;
57
+ --colour-grey-200: #dfdfdf;
58
+ --colour-grey-300: #d1d1d1;
59
+ --colour-grey-400: #b3b3b3;
60
+ --colour-grey-500: #7e7e7e;
61
+ --colour-grey-600: #595959;
62
+ --colour-grey-700: #474747;
63
+ --colour-grey-800: #3b3b3b;
64
+ --colour-grey-900: #2f2f2f;
65
+ --colour-grey-050: #f8f8f8;
66
+ --colour-chart-colours-green-4: #005f00;
67
+ --colour-chart-colours-green-2: #009d00;
68
+ --colour-chart-colours-green-1: #70cc12;
69
+ --colour-chart-colours-teal-1: #6eeae2;
70
+ --colour-chart-colours-teal-2: #93f8f2;
71
+ --colour-chart-colours-purple-1: #ba9eea;
72
+ --colour-chart-colours-purple-2: #cbaffb;
73
+ --colour-chart-colours-orange-1: #ffb62c;
74
+ --colour-chart-colours-orange-2: #f8c867;
75
+ --colour-chart-colours-blue-1: #50b4f4;
76
+ --colour-chart-colours-blue-2: #7acbff;
77
+ --colour-chart-colours-green-3: #aaea0f;
78
+ --colour-chart-colours-yellow-1: #ffd950;
79
+ --colour-chart-colours-yellow-2: #ffe790;
80
+ --colour-chart-colours-red-1: #fa6969;
81
+ --colour-chart-colours-red-2: #ff8b8b;
82
+ --colour-ramp-gradient-sequential-100: #e1f8a9;
83
+ --colour-ramp-gradient-sequential-200: #d6f68a;
84
+ --colour-ramp-gradient-sequential-300: #c4f157;
85
+ --colour-ramp-gradient-sequential-400: #aaea0f;
86
+ --colour-ramp-gradient-sequential-500: #91db0f;
87
+ --colour-ramp-gradient-sequential-600: #76ca10;
88
+ --colour-ramp-gradient-sequential-700: #59b80f;
89
+ --colour-ramp-gradient-sequential-800: #299a0e;
90
+ --colour-ramp-gradient-sequential-900: #005f00;
91
+ --colour-ramp-gradient-sequential-050: #f6fee2;
92
+ --colour-ramp-gradient-diverging-100: #fe9212;
93
+ --colour-ramp-gradient-diverging-200: #fcb836;
94
+ --colour-ramp-gradient-diverging-300: #f9dc8f;
95
+ --colour-ramp-gradient-diverging-400: #f6fee2;
96
+ --colour-ramp-gradient-diverging-500: #d8f78f;
97
+ --colour-ramp-gradient-diverging-600: #b1ec21;
98
+ --colour-ramp-gradient-diverging-700: #6cb70a;
99
+ --colour-ramp-gradient-diverging-800: #217a04;
100
+ --colour-ramp-gradient-diverging-900: #005f00;
101
+ --colour-ramp-gradient-diverging-050: #ff8000;
102
+ --colour-extended-colours-bg: #ffffff;
103
+ --colour-extended-colours-green-100: #c6e8be;
104
+ --colour-extended-colours-green-500: #009d00;
105
+ --colour-extended-colours-green-800: #002a00;
106
+ --colour-extended-colours-green-050: #d7ebd2;
107
+ --colour-extended-colours-orange-100: #efe0bc;
108
+ --colour-extended-colours-orange-500: #ffb62c;
109
+ --colour-extended-colours-orange-800: #7e3e00;
110
+ --colour-extended-colours-orange-050: #f7eed8;
111
+ --colour-extended-colours-blue-100: #c6e1ef;
112
+ --colour-extended-colours-blue-500: #50b4f4;
113
+ --colour-extended-colours-blue-800: #003d69;
114
+ --colour-extended-colours-blue-050: #e1eef5;
115
+ --colour-extended-colours-purple-100: #e2dcef;
116
+ --colour-extended-colours-purple-500: #ba9eea;
117
+ --colour-extended-colours-purple-800: #472b61;
118
+ --colour-extended-colours-purple-050: #eeebf4;
119
+ --colour-extended-colours-yellow-100: #ede6c7;
120
+ --colour-extended-colours-yellow-500: #ffd950;
121
+ --colour-extended-colours-yellow-800: #7e5a00;
122
+ --colour-extended-colours-yellow-050: #f7f2dd;
123
+ --colour-extended-colours-teal-100: #cbefed;
124
+ --colour-extended-colours-teal-500: #6eeae2;
125
+ --colour-extended-colours-teal-800: #0a685b;
126
+ --colour-extended-colours-teal-050: #e4f4f3;
127
+ --colour-extended-colours-salmon-100: #f4d8d1;
128
+ --colour-extended-colours-salmon-500: #fa6969;
129
+ --colour-extended-colours-salmon-800: #7a0100;
130
+ --colour-extended-colours-salmon-050: #f6e5e1;
131
+ --button-medium-primary-default-color-background: #0e8a0e;
132
+ --button-medium-primary-default-color-text: #ffffff;
133
+ --button-medium-primary-default-color-icon: #ffffff;
134
+ --button-medium-primary-hover-color-background: #005700;
135
+ --button-medium-primary-hover-color-text: #ffffff;
136
+ --button-medium-primary-hover-color-icon: #ffffff;
137
+ --button-medium-primary-pressed-color-background: #024002;
138
+ --button-medium-primary-pressed-color-text: #ffffff;
139
+ --button-medium-primary-pressed-color-icon: #ffffff;
140
+ --button-medium-primary-focus-color-background: #0e8a0e;
141
+ --button-medium-primary-focus-color-text: #ffffff;
142
+ --button-medium-primary-focus-color-icon: #ffffff;
143
+ --button-medium-primary-focus-color-focus: #3cad51;
144
+ --button-medium-secondary-default-color-text: #2f2f2f;
145
+ --button-medium-secondary-default-color-background: #ffffff;
146
+ --button-medium-secondary-default-color-border: #d1d1d1;
147
+ --button-medium-secondary-default-color-icon: #2f2f2f;
148
+ --button-medium-secondary-hover-color-background: #f8f8f8;
149
+ --button-medium-secondary-hover-color-text: #2f2f2f;
150
+ --button-medium-secondary-hover-color-icon: #2f2f2f;
151
+ --button-medium-secondary-hover-color-border: #d1d1d1;
152
+ --button-medium-secondary-pressed-color-background: #efefef;
153
+ --button-medium-secondary-pressed-color-text: #2f2f2f;
154
+ --button-medium-secondary-pressed-color-icon: #2f2f2f;
155
+ --button-medium-secondary-pressed-color-border: #d1d1d1;
156
+ --button-medium-tertiary-default-color-text: #2f2f2f;
157
+ --button-medium-tertiary-default-color-background: #efefef;
158
+ --button-medium-tertiary-default-color-icon: #2f2f2f;
159
+ --button-medium-tertiary-hover-color-background: #dfdfdf;
160
+ --button-medium-tertiary-hover-color-text: #2f2f2f;
161
+ --button-medium-tertiary-hover-color-icon: #2f2f2f;
162
+ --button-medium-tertiary-pressed-color-background: #d1d1d1;
163
+ --button-medium-tertiary-pressed-color-text: #2f2f2f;
164
+ --button-medium-tertiary-pressed-color-icon: #2f2f2f;
165
+ --button-medium-tertiary-focus-color-background: #efefef;
166
+ --button-medium-tertiary-focus-color-text: #2f2f2f;
167
+ --button-medium-tertiary-focus-color-icon: #2f2f2f;
168
+ --button-medium-tertiary-focus-color-focus: #3cad51;
169
+ --button-medium-secondary-focus-color-background: #ffffff;
170
+ --button-medium-secondary-focus-color-text: #2f2f2f;
171
+ --button-medium-secondary-focus-color-icon: #2f2f2f;
172
+ --button-medium-secondary-focus-color-border: #d1d1d1;
173
+ --button-medium-secondary-focus-color-focus: #3cad51;
174
+ --button-medium-text-link-default-color-text: #0e8a0e;
175
+ --button-medium-text-link-default-color-icon: #0e8a0e;
176
+ --button-medium-text-link-hover-color-text: #005700;
177
+ --button-medium-text-link-hover-color-icon: #005700;
178
+ --button-medium-text-link-pressed-color-text: #024002;
179
+ --button-medium-text-link-pressed-color-icon: #024002;
180
+ --button-medium-text-link-focus-color-text: #0e8a0e;
181
+ --button-medium-text-link-focus-color-icon: #0e8a0e;
182
+ --button-medium-text-link-focus-color-focus: #3cad51;
183
+ --button-medium-primary-destructive-hover-color-text: #ffffff;
184
+ --button-medium-primary-destructive-hover-color-background: #a62323;
185
+ --button-medium-primary-destructive-hover-color-icon: #ffffff;
186
+ --button-medium-primary-destructive-pressed-color-background: #920a0a;
187
+ --button-medium-primary-destructive-pressed-color-text: #ffffff;
188
+ --button-medium-primary-destructive-pressed-color-icon: #ffffff;
189
+ --button-medium-primary-destructive-default-color-text: #ffffff;
190
+ --button-medium-primary-destructive-default-color-icon: #ffffff;
191
+ --button-medium-primary-destructive-default-color-background: #c93232;
192
+ --button-medium-primary-destructive-focus-color-background: #c93232;
193
+ --button-medium-primary-destructive-focus-color-text: #ffffff;
194
+ --button-medium-primary-destructive-focus-color-icon: #ffffff;
195
+ --button-medium-primary-destructive-focus-color-focus: #3cad51;
196
+ --button-medium-secondary-destructive-default-color-border: #c93232;
197
+ --button-medium-secondary-destructive-default-color-background: #ffffff;
198
+ --button-medium-secondary-destructive-default-color-text: #a62323;
199
+ --button-medium-secondary-destructive-default-color-icon: #a62323;
200
+ --button-medium-secondary-destructive-hover-color-text: #ffffff;
201
+ --button-medium-secondary-destructive-hover-color-icon: #ffffff;
202
+ --button-medium-secondary-destructive-hover-color-background: #a62323;
203
+ --button-medium-secondary-destructive-pressed-color-background: #920a0a;
204
+ --button-medium-secondary-destructive-pressed-color-text: #ffffff;
205
+ --button-medium-secondary-destructive-pressed-color-icon: #ffffff;
206
+ --button-medium-secondary-destructive-focus-color-background: #ffffff;
207
+ --button-medium-secondary-destructive-focus-color-border: #c93232;
208
+ --button-medium-secondary-destructive-focus-color-text: #a62323;
209
+ --button-medium-secondary-destructive-focus-color-icon: #a62323;
210
+ --button-medium-secondary-destructive-focus-color-focus: #3cad51;
211
+ --button-medium-warning-default-color-text: #e4720d;
212
+ --button-medium-warning-default-color-icon: #e4720d;
213
+ --button-medium-warning-default-color-border: #e4720d;
214
+ --button-medium-warning-hover-color-text: #ffffff;
215
+ --button-medium-warning-hover-color-icon: #ffffff;
216
+ --button-medium-warning-hover-color-background: #e4720d;
217
+ --button-medium-warning-pressed-color-background: #a74102;
218
+ --button-medium-spacing-y: 0.75rem;
219
+ --button-medium-spacing-x: 1rem;
220
+ --button-medium-spacing-gap-y: 0.5rem;
221
+ --button-medium-radius: 6.188rem;
222
+ --button-small-primary-default-color-background: #0e8a0e;
223
+ --button-small-primary-default-color-text: #ffffff;
224
+ --button-small-primary-default-color-icon: #ffffff;
225
+ --button-small-primary-hover-color-background: #005700;
226
+ --button-small-primary-hover-color-text: #ffffff;
227
+ --button-small-primary-hover-color-icon: #ffffff;
228
+ --button-small-primary-pressed-color-background: #024002;
229
+ --button-small-primary-pressed-color-text: #ffffff;
230
+ --button-small-primary-pressed-color-icon: #ffffff;
231
+ --button-small-primary-focus-color-background: #0e8a0e;
232
+ --button-small-primary-focus-color-text: #ffffff;
233
+ --button-small-primary-focus-color-icon: #ffffff;
234
+ --button-small-primary-focus-color-focus: #3cad51;
235
+ --button-small-secondary-default-color-background: #ffffff;
236
+ --button-small-secondary-default-color-text: #2f2f2f;
237
+ --button-small-secondary-default-color-icon: #2f2f2f;
238
+ --button-small-secondary-default-color-border: #d1d1d1;
239
+ --button-small-secondary-hover-color-background: #f8f8f8;
240
+ --button-small-secondary-hover-color-text: #2f2f2f;
241
+ --button-small-secondary-hover-color-icon: #2f2f2f;
242
+ --button-small-secondary-hover-color-border: #d1d1d1;
243
+ --button-small-secondary-pressed-color-background: #efefef;
244
+ --button-small-secondary-pressed-color-text: #2f2f2f;
245
+ --button-small-secondary-pressed-color-icon: #2f2f2f;
246
+ --button-small-secondary-pressed-color-border: #d1d1d1;
247
+ --button-small-secondary-focus-color-background: #ffffff;
248
+ --button-small-secondary-focus-color-text: #2f2f2f;
249
+ --button-small-secondary-focus-color-icon: #2f2f2f;
250
+ --button-small-secondary-focus-color-border: #d1d1d1;
251
+ --button-small-secondary-focus-color-focus: #3cad51;
252
+ --button-small-tertiary-default-color-background: #efefef;
253
+ --button-small-tertiary-default-color-text: #2f2f2f;
254
+ --button-small-tertiary-default-color-icon: #2f2f2f;
255
+ --button-small-tertiary-hover-color-background: #dfdfdf;
256
+ --button-small-tertiary-hover-color-text: #2f2f2f;
257
+ --button-small-tertiary-hover-color-icon: #2f2f2f;
258
+ --button-small-tertiary-pressed-color-background: #d1d1d1;
259
+ --button-small-tertiary-pressed-color-text: #2f2f2f;
260
+ --button-small-tertiary-pressed-color-icon: #2f2f2f;
261
+ --button-small-tertiary-focus-color-background: #efefef;
262
+ --button-small-tertiary-focus-color-text: #2f2f2f;
263
+ --button-small-tertiary-focus-color-icon: #2f2f2f;
264
+ --button-small-tertiary-focus-color-focus: #3cad51;
265
+ --button-small-primary-destructive-default-color-background: #c93232;
266
+ --button-small-primary-destructive-default-color-text: #ffffff;
267
+ --button-small-primary-destructive-default-color-icon: #ffffff;
268
+ --button-small-primary-destructive-hover-color-background: #a62323;
269
+ --button-small-primary-destructive-hover-color-text: #ffffff;
270
+ --button-small-primary-destructive-hover-color-icon: #ffffff;
271
+ --button-small-primary-destructive-pressed-color-background: #920a0a;
272
+ --button-small-primary-destructive-pressed-color-text: #ffffff;
273
+ --button-small-primary-destructive-pressed-color-icon: #ffffff;
274
+ --button-small-primary-destructive-focus-color-background: #c93232;
275
+ --button-small-primary-destructive-focus-color-text: #ffffff;
276
+ --button-small-primary-destructive-focus-color-icon: #ffffff;
277
+ --button-small-primary-destructive-focus-color-focus: #3cad51;
278
+ --button-small-secondary-destructive-default-color-background: #ffffff;
279
+ --button-small-secondary-destructive-default-color-border: #c93232;
280
+ --button-small-secondary-destructive-default-color-text: #a62323;
281
+ --button-small-secondary-destructive-default-color-icon: #a62323;
282
+ --button-small-secondary-destructive-hover-color-background: #a62323;
283
+ --button-small-secondary-destructive-hover-color-text: #ffffff;
284
+ --button-small-secondary-destructive-hover-color-icon: #ffffff;
285
+ --button-small-secondary-destructive-pressed-color-background: #920a0a;
286
+ --button-small-secondary-destructive-pressed-color-text: #ffffff;
287
+ --button-small-secondary-destructive-pressed-color-icon: #ffffff;
288
+ --button-small-secondary-destructive-focus-color-background: #ffffff;
289
+ --button-small-secondary-destructive-focus-color-border: #c93232;
290
+ --button-small-secondary-destructive-focus-color-text: #a62323;
291
+ --button-small-secondary-destructive-focus-color-icon: #a62323;
292
+ --button-small-secondary-destructive-focus-color-focus: #3cad51;
293
+ --button-small-text-link-default-color-text: #0e8a0e;
294
+ --button-small-text-link-default-color-icon: #0e8a0e;
295
+ --button-small-text-link-hover-color-text: #005700;
296
+ --button-small-text-link-hover-color-icon: #005700;
297
+ --button-small-text-link-pressed-color-text: #024002;
298
+ --button-small-text-link-pressed-color-icon: #024002;
299
+ --button-small-text-link-focus-color-text: #0e8a0e;
300
+ --button-small-text-link-focus-color-icon: #0e8a0e;
301
+ --button-small-text-link-focus-color-focus: #3cad51;
302
+ --button-small-warning-default-color-text: #e4720d;
303
+ --button-small-warning-default-color-icon: #e4720d;
304
+ --button-small-warning-default-color-border: #e4720d;
305
+ --button-small-warning-hover-color-text: #ffffff;
306
+ --button-small-warning-hover-color-icon: #ffffff;
307
+ --button-small-warning-hover-color-background: #e4720d;
308
+ --button-small-warning-pressed-color-background: #a74102;
309
+ --button-small-spacing-gap-y: 0.5rem;
310
+ --button-small-spacing-y: 1rem;
311
+ --button-small-spacing-x: 0.75rem;
312
+ --button-small-radius: 6.188rem;
313
+ --section-list-row-color-text: #2f2f2f;
314
+ --section-list-row-color-icon: #2f2f2f;
315
+ --section-list-row-default-color-background: #ffffff;
316
+ --section-list-row-default-color-icon-arrow: #b3b3b3;
317
+ --section-list-row-hover-hover-bg: #f8f8f8;
318
+ --section-list-row-hover-color-icon-arrow: #2f2f2f;
319
+ --section-list-row-pressed-pressed-bg: #dfdfdf;
320
+ --section-list-row-color-border: #f8f8f8;
321
+ --section-list-row-spacing-x: 0.5rem;
322
+ --section-list-row-spacing-y: 0.75rem;
323
+ --section-list-row-radius: 0.5rem;
324
+ --section-list-row-accordions-spacing-gap: 0.75rem;
325
+ --section-list-row-accordions-spacing-y: 0.25rem;
326
+ --section-list-row-accordions-spacing-x: 0.5rem;
327
+ --section-heading-color-text: #2f2f2f;
328
+ --section-heading-color-icon: #2f2f2f;
329
+ --section-heading-interactive-default-color-background: #ffffff;
330
+ --section-heading-interactive-hover-color-background: #f8f8f8;
331
+ --section-heading-interactive-pressed-color-background: #dfdfdf;
332
+ --section-heading-interactive-focus-color-border: #3cad51;
333
+ --section-heading-interactive-spacing-bottom: 0.5rem;
334
+ --section-heading-interactive-holder-spacing-y: 1rem;
335
+ --section-heading-interactive-radius: 0.5rem;
336
+ --section-heading-color-border: #f8f8f8;
337
+ --section-heading-spacing-top: 0rem;
338
+ --section-heading-spacing-right: 0.5rem;
339
+ --section-heading-spacing-bottom: 0.5rem;
340
+ --section-heading-spacing-left: 0.5rem;
341
+ --section-heading-spacing-gap: 0.75rem;
342
+ --section-container-color-background: #ffffff;
343
+ --section-container-radius: 0.5rem;
344
+ --section-container-spacing-x: 0.5rem;
345
+ --section-container-spacing-y: 0.5rem;
346
+ --section-subsection-color-background: #ffffff;
347
+ --section-subsection-heading-interactive-color-border: #f8f8f8;
348
+ --section-subsection-heading-interactive-spacing-y: 1rem;
349
+ --section-subsection-heading-interactive-radius: 0.5rem;
350
+ --section-subsection-heading-interactive-weight-border: 0.062rem;
351
+ --section-subsection-heading-spacing-x: 0.5rem;
352
+ --section-subsection-heading-spacing-y: 0.5rem;
353
+ --section-subsection-radius: 0rem;
354
+ --section-subsection-spacing-x: 0.5rem;
355
+ --section-subsection-spacing-y: 0.5rem;
356
+ --section-table-color-background: #ffffff;
357
+ --section-table-spacing-gap: 0.5rem;
358
+ --pill-bg: #ffffff;
359
+ --pill-single-filter-default-color-background: #ffffff;
360
+ --pill-single-filter-default-color-text: #2f2f2f;
361
+ --pill-single-filter-default-color-border: #efefef;
362
+ --pill-single-filter-default-focus: #3cad51;
363
+ --pill-single-filter-hover-color-background: #f8f8f8;
364
+ --pill-single-filter-hover-color-border: #7e7e7e;
365
+ --pill-single-filter-hover-color-text: #2f2f2f;
366
+ --pill-single-filter-pressed-color-background: #efefef;
367
+ --pill-single-filter-pressed-color-border: #7e7e7e;
368
+ --pill-single-filter-pressed-color-text: #2f2f2f;
369
+ --pill-single-filter-active-color-background: #f8f8f8;
370
+ --pill-single-filter-active-color-border: #2f2f2f;
371
+ --pill-single-filter-active-color-text: #2f2f2f;
372
+ --pill-single-filter-active-focus: #3cad51;
373
+ --pill-single-filter-spacing-x: 0.75rem;
374
+ --pill-single-filter-spacing-y: 1rem;
375
+ --pill-single-filter-radius: 6.188rem;
376
+ --pill-checkbox-default-color-background: #ffffff;
377
+ --pill-checkbox-default-color-border: #efefef;
378
+ --pill-checkbox-default-color-text: #2f2f2f;
379
+ --pill-checkbox-default-focus: #3cad51;
380
+ --pill-checkbox-default-color-icon: #7e7e7e;
381
+ --pill-checkbox-hover-color-background: #f8f8f8;
382
+ --pill-checkbox-hover-color-border: #7e7e7e;
383
+ --pill-checkbox-hover-color-text: #2f2f2f;
384
+ --pill-checkbox-hover-color-icon: #2f2f2f;
385
+ --pill-checkbox-selected-color-background: #f0faf3;
386
+ --pill-checkbox-selected-color-border: #0e8a0e;
387
+ --pill-checkbox-selected-color-text: #005700;
388
+ --pill-checkbox-selected-focus: #3cad51;
389
+ --pill-checkbox-selected-color-icon: #0e8a0e;
390
+ --pill-checkbox-spacing-x: 0.75rem;
391
+ --pill-checkbox-spacing-y: 1rem;
392
+ --pill-checkbox-radius: 6.188rem;
393
+ --sidebar-bg: #ffffff;
394
+ --side-nav-icon-bg: #ffffff;
395
+ --side-nav-icon-icon: #7e7e7e;
396
+ --side-nav-icon-icon-bg-hover: #f8f8f8;
397
+ --side-nav-icon-icon-hover: #2f2f2f;
398
+ --side-nav-icon-icon-active: #0e8a0e;
399
+ --side-nav-icon-icon-bg-active: #f0faf3;
400
+ --side-nav-icon-icon-bg-pressed: #efefef;
401
+ --side-nav-bg: #ffffff;
402
+ --side-nav-list-default-text: #2f2f2f;
403
+ --side-nav-list-default-favourite-icon: #7e7e7e;
404
+ --side-nav-list-default-icon: #2f2f2f;
405
+ --side-nav-list-hover-text: #2f2f2f;
406
+ --side-nav-list-hover-favourite-icon: #7e7e7e;
407
+ --side-nav-list-hover-bg: #f8f8f8;
408
+ --side-nav-list-hover-icon: #2f2f2f;
409
+ --side-nav-list-active-text: #005700;
410
+ --side-nav-list-active-favourite-icon: #0e8a0e;
411
+ --side-nav-list-active-bg: #f0faf3;
412
+ --side-nav-list-active-icon: #005700;
413
+ --search-global-default-color-background: #f8f8f8;
414
+ --search-global-default-color-text: #2f2f2f;
415
+ --search-global-default-color-icon: #2f2f2f;
416
+ --search-global-hover-color-background: #efefef;
417
+ --search-global-hover-color-icon: #2f2f2f;
418
+ --search-global-hover-color-text: #2f2f2f;
419
+ --search-global-focus-color-background: #f8f8f8;
420
+ --search-global-focus-color-icon: #2f2f2f;
421
+ --search-global-focus-color-text: #2f2f2f;
422
+ --search-global-focus-color-border: #efefef;
423
+ --search-global-focus-weight-border: 0.062rem;
424
+ --search-global-active-color-background: #ffffff;
425
+ --search-global-active-color-icon: #595959;
426
+ --search-global-active-color-text: #595959;
427
+ --search-global-active-color-border: #efefef;
428
+ --search-global-active-weight-border: 0.062rem;
429
+ --search-global-spacing-gap: 0.5rem;
430
+ --search-global-spacing-x: 1rem;
431
+ --search-global-spacing-y: 0.5rem;
432
+ --search-global-radius: 1rem;
433
+ --search-color-background: #ffffff;
434
+ --search-pill-active-bg: #efefef;
435
+ --search-pill-active-border: #2f2f2f;
436
+ --search-pill-active-text: #2f2f2f;
437
+ --search-pill-default-bg: #ffffff;
438
+ --search-pill-default-bg-hover: #f8f8f8;
439
+ --search-pill-default-bg-pressed: #efefef;
440
+ --search-pill-default-text: #2f2f2f;
441
+ --search-pill-default-border: #efefef;
442
+ --search-list-default-color-background: #ffffff;
443
+ --search-list-hover-color-background: #f8f8f8;
444
+ --search-list-color-text: #2f2f2f;
445
+ --search-list-color-header: #595959;
446
+ --search-list-color-icon: #2f2f2f;
447
+ --search-list-spacing-gap: 0.5rem;
448
+ --search-list-spacing-x: 0.5rem;
449
+ --search-list-spacing-y: 0.5rem;
450
+ --search-list-radius: 0.5rem;
451
+ --search-on-page-active-color-background: #ffffff;
452
+ --search-on-page-active-color-icon: #595959;
453
+ --search-on-page-active-color-text: #595959;
454
+ --search-on-page-active-color-border: #efefef;
455
+ --search-on-page-active-weight-border: 0.062rem;
456
+ --search-on-page-default-color-background: #ffffff;
457
+ --search-on-page-default-color-icon: #595959;
458
+ --search-on-page-default-color-text: #595959;
459
+ --search-on-page-focus-color-background: #ffffff;
460
+ --search-on-page-focus-color-icon: #595959;
461
+ --search-on-page-focus-color-text: #595959;
462
+ --search-on-page-hover-color-background: #efefef;
463
+ --search-on-page-hover-color-icon: #2f2f2f;
464
+ --search-on-page-hover-color-text: #2f2f2f;
465
+ --search-on-page-spacing-gap: 0.5rem;
466
+ --search-on-page-radius: 1rem;
467
+ --search-on-page-spacing-x: 1rem;
468
+ --search-on-page-spacing-y: 0.5rem;
469
+ --search-in-table-active-color-background: #ffffff;
470
+ --search-in-table-active-color-icon: #595959;
471
+ --search-in-table-active-color-text: #595959;
472
+ --search-in-table-active-color-border: #efefef;
473
+ --search-in-table-active-weight-border: 0.062rem;
474
+ --search-in-table-active-spacing-gap: 0.5rem;
475
+ --search-in-table-active-radius: 1rem;
476
+ --search-in-table-active-spacing-x: 1rem;
477
+ --search-in-table-active-spacing-y: 0.5rem;
478
+ --search-in-table-default-color-background: #ffffff;
479
+ --search-in-table-default-color-icon: #595959;
480
+ --search-in-table-default-color-text: #595959;
481
+ --search-in-table-focus-color-background: #ffffff;
482
+ --search-in-table-focus-color-icon: #595959;
483
+ --search-in-table-focus-color-text: #595959;
484
+ --search-in-table-focus-color-border: #efefef;
485
+ --search-in-table-focus-weight-border: 0.062rem;
486
+ --search-in-table-hover-color-background: #f8f8f8;
487
+ --search-in-table-hover-color-icon: #2f2f2f;
488
+ --search-in-table-hover-color-text: #2f2f2f;
489
+ --search-in-table-radius: 6.188rem;
490
+ --search-in-section-active-color-background: #ffffff;
491
+ --search-in-section-active-color-icon: #595959;
492
+ --search-in-section-active-color-text: #595959;
493
+ --search-in-section-active-color-border: #efefef;
494
+ --search-in-section-active-weight-border: 0.062rem;
495
+ --search-in-section-default-color-background: #f8f8f8;
496
+ --search-in-section-default-color-icon: #2f2f2f;
497
+ --search-in-section-default-color-text: #2f2f2f;
498
+ --search-in-section-focus-color-background: #f8f8f8;
499
+ --search-in-section-focus-color-icon: #2f2f2f;
500
+ --search-in-section-focus-color-text: #2f2f2f;
501
+ --search-in-section-focus-color-border: #efefef;
502
+ --search-in-section-focus-weight-border: 0.062rem;
503
+ --search-in-section-hover-color-background: #efefef;
504
+ --search-in-section-hover-color-icon: #2f2f2f;
505
+ --search-in-section-hover-color-text: #2f2f2f;
506
+ --search-in-section-spacing-gap: 0.5rem;
507
+ --search-in-section-radius: 1rem;
508
+ --search-in-section-spacing-x: 1rem;
509
+ --search-in-section-spacing-y: 0.5rem;
510
+ --search-results-color-border: #f8f8f8;
511
+ --search-results-spacing-gap: 0.25rem;
512
+ --search-results-spacing-x: 0.5rem;
513
+ --search-results-spacing-y: 0.5rem;
514
+ --search-results-weight-border: 0.062rem;
515
+ --search-color-text: #2f2f2f;
516
+ --search-filters-spacing-gap: 0.5rem;
517
+ --search-filters-spacing-x: 1rem;
518
+ --search-filters-spacing-y: 1rem;
519
+ --search-radius: 0.5rem;
520
+ --search-footer-spacing-gap: 0.5rem;
521
+ --search-footer-spacing-x: 1rem;
522
+ --search-footer-spacing-y: 1rem;
523
+ --widget-attachments-default-color-text: #2f2f2f;
524
+ --widget-attachments-default-color-background: #f8f8f8;
525
+ --widget-attachments-default-color-icon: #2f2f2f;
526
+ --widget-attachments-hover-color-background: #efefef;
527
+ --widget-attachments-hover-color-text: #2f2f2f;
528
+ --widget-attachments-hover-color-icon: #2f2f2f;
529
+ --widget-container-color-background: #ffffff;
530
+ --widget-container-radius: 0.5rem;
531
+ --widget-container-spacing-x: 0.5rem;
532
+ --widget-container-spacing-y: 0.5rem;
533
+ --widget-heading-color-border: #f8f8f8;
534
+ --widget-heading-color-icon: #2f2f2f;
535
+ --widget-heading-color-text: #2f2f2f;
536
+ --widget-heading-interactive-default-color-background: #ffffff;
537
+ --widget-heading-interactive-hover-color-background: #f8f8f8;
538
+ --widget-heading-interactive-pressed-color-background: #dfdfdf;
539
+ --widget-heading-interactive-focus-color-border: #3cad51;
540
+ --widget-heading-interactive-spacing-y: 0.75rem;
541
+ --widget-heading-interactive-radius: 0.5rem;
542
+ --widget-heading-interactive-holder-spacing-y: 1rem;
543
+ --widget-heading-interactive-spacing-x: 0.5rem;
544
+ --widget-heading-color-background: #ffffff;
545
+ --widget-heading-spacing-top: 0.75rem;
546
+ --widget-heading-spacing-right: 0.5rem;
547
+ --widget-heading-spacing-bottom: 1rem;
548
+ --widget-heading-spacing-left: 0.5rem;
549
+ --widget-heading-weight-border: 0.062rem;
550
+ --widget-heading-spacing-gap: 0.75rem;
551
+ --widget-list-row-color-border: #f8f8f8;
552
+ --widget-list-row-color-icon: #2f2f2f;
553
+ --widget-list-row-color-text: #2f2f2f;
554
+ --widget-list-row-default-color-background: #ffffff;
555
+ --widget-list-row-default-color-icon-arrow: #b3b3b3;
556
+ --widget-list-row-hover-hover-bg: #f8f8f8;
557
+ --widget-list-row-hover-color-icon-arrow: #2f2f2f;
558
+ --widget-list-row-pressed-pressed-bg: #dfdfdf;
559
+ --widget-list-row-radius: 0.5rem;
560
+ --widget-list-row-spacing-x: 0.5rem;
561
+ --widget-list-row-spacing-y: 0.75rem;
562
+ --widget-list-row-accordions-spacing-gap: 0.75rem;
563
+ --widget-list-row-accordions-spacing-y: 0.25rem;
564
+ --widget-list-row-accordions-spacing-x: 0.5rem;
565
+ --widget-table-color-background: #ffffff;
566
+ --widget-table-spacing-gap: 0.5rem;
567
+ --widget-notifications-read-default-color-background: #ffffff;
568
+ --widget-notifications-read-hover-color-background: #f8f8f8;
569
+ --widget-notifications-read-focus-color-background: #ffffff;
570
+ --widget-notifications-read-color-text: #595959;
571
+ --widget-notifications-read-color-title: #2f2f2f;
572
+ --widget-notifications-not-read-default-color-background: #f0faf3;
573
+ --widget-notifications-not-read-hover-color-background: #ceefd5;
574
+ --widget-notifications-not-read-focus-color-background: #f0faf3;
575
+ --widget-notifications-not-read-color-text: #024002;
576
+ --widget-notifications-not-read-color-title: #024002;
577
+ --widget-notifications-color-title: #2f2f2f;
578
+ --widget-notifications-color-text: #595959;
579
+ --widget-notifications-radius: 0.5rem;
580
+ --widget-notifications-spacing-gap: 0.5rem;
581
+ --widget-notifications-spacing-x: 0.5rem;
582
+ --widget-notifications-spacing-y: 0.5rem;
583
+ --widget-favourites-default-color-background: #ffffff;
584
+ --widget-favourites-color-text: #595959;
585
+ --widget-favourites-hover-color-background: #f8f8f8;
586
+ --widget-favourites-focus-color-background: #ffffff;
587
+ --widget-favourites-color-icon: #d1d1d1;
588
+ --widget-favourites-color-border: #f8f8f8;
589
+ --widget-favourites-radius: 0.5rem;
590
+ --widget-favourites-spacing-gap: 0.5rem;
591
+ --widget-favourites-spacing-x: 0.5rem;
592
+ --widget-favourites-spacing-y: 0.75rem;
593
+ --widget-favourites-weight-border: 0.062rem;
594
+ --widget-calendar-default-color-background: #ffffff;
595
+ --widget-calendar-hover-color-background: #f8f8f8;
596
+ --widget-calendar-focus-color-background: #ffffff;
597
+ --widget-calendar-color-text: #595959;
598
+ --widget-calendar-color-border: #f8f8f8;
599
+ --widget-calendar-radius: 0.5rem;
600
+ --widget-calendar-spacing-gap: 0.5rem;
601
+ --widget-calendar-spacing-x: 0.5rem;
602
+ --widget-calendar-spacing-y: 0.75rem;
603
+ --widget-calendar-weight-border: 0.062rem;
604
+ --widget-payments-default-color-background: #ffffff;
605
+ --widget-payments-color-title: #2f2f2f;
606
+ --widget-payments-color-text: #595959;
607
+ --widget-payments-hover-color-background: #f8f8f8;
608
+ --widget-payments-focus-color-background: #ffffff;
609
+ --widget-payments-radius: 0.5rem;
610
+ --widget-payments-spacing-gap: 0.5rem;
611
+ --widget-payments-spacing-x: 0.5rem;
612
+ --widget-payments-spacing-y: 0.5rem;
613
+ --breadcrumbs-breadcrumb-link-default-color-text: #595959;
614
+ --breadcrumbs-breadcrumb-link-default-color-icon: #595959;
615
+ --breadcrumbs-breadcrumb-link-default-spacing-gap-y: 0.25rem;
616
+ --breadcrumbs-breadcrumb-link-active-color-text: #2f2f2f;
617
+ --breadcrumbs-breadcrumb-link-active-color-icon: #2f2f2f;
618
+ --breadcrumbs-breadcrumb-link-active-spacing-gap-y: 0.25rem;
619
+ --breadcrumbs-breadcrumb-link-hover-color-text: #0e8a0e;
620
+ --breadcrumbs-breadcrumb-link-hover-color-icon: #0e8a0e;
621
+ --breadcrumbs-breadcrumb-link-hover-spacing-gap-y: 0.25rem;
622
+ --breadcrumbs-breadcrumb-link-spacing-gap-y: 0.25rem;
623
+ --breadcrumbs-copy-icon-default-color: #2f2f2f;
624
+ --breadcrumbs-copy-icon-hover-color: #2f2f2f;
625
+ --breadcrumbs-copy-icon-hover-color-background: #efefef;
626
+ --breadcrumbs-copy-icon-number: 6.188rem;
627
+ --breadcrumbs-elipsis-default-color: #2f2f2f;
628
+ --breadcrumbs-elipsis-hover-color: #2f2f2f;
629
+ --breadcrumbs-elipsis-hover-colour-background: #efefef;
630
+ --breadcrumbs-elipsis-radius: 6.188rem;
631
+ --breadcrumbs-divider-default-color: #595959;
632
+ --breadcrumbs-spacing-gap-y: 0.25rem;
633
+ --breadcrumbs-spacing-gap-y: 0.5rem; /* stylelint-disable-line declaration-block-no-duplicate-custom-properties */
634
+ --filters-default-color-background: #ffffff;
635
+ --filters-color-text: #2f2f2f;
636
+ --filters-color-icon: #0e8a0e;
637
+ --filters-hover-color-background: #efefef;
638
+ --filters-color-border: #efefef;
639
+ --filters-spacing-x: 0.5rem;
640
+ --filters-spacing-gap-y: 0.5rem;
641
+ --filters-spacing-gap-x: 0.25rem;
642
+ --filters-radius: 0.5rem;
643
+ --filters-chip-container-spacing-gap-y: 0.5rem;
644
+ --filters-spacing-y: 0.5rem;
645
+ --form-field-pill-default-color-background: #f8f8f8;
646
+ --form-field-pill-default-color-text: #2f2f2f;
647
+ --form-field-pill-default-color-icon: #2f2f2f;
648
+ --form-field-pill-x-icon-default-color-icon: #595959;
649
+ --form-field-pill-x-icon-hover-color-background: #595959;
650
+ --form-field-pill-x-icon-hover-color-icon: #f8f8f8;
651
+ --form-field-pill-hover-color-background: #efefef;
652
+ --form-field-pill-hover-color-text: #2f2f2f;
653
+ --form-field-pill-hover-color-icon: #2f2f2f;
654
+ --form-field-pill-placeholder-color-text: #595959;
655
+ --form-field-combobox-placeholder-color-background: #ffffff;
656
+ --form-field-combobox-placeholder-color-border: #dfdfdf;
657
+ --form-field-combobox-hover-color-border: #7e7e7e;
658
+ --form-field-combobox-hover-color-background: #ffffff;
659
+ --form-field-combobox-focus-color-border: #0e8a0e;
660
+ --form-field-combobox-focus-color-background: #ffffff;
661
+ --form-field-combobox-error-color-border: #c93232;
662
+ --form-field-combobox-error-color-background: #ffffff;
663
+ --form-field-combobox-error-color-error-text: #595959;
664
+ --form-field-combobox-error-color-error-icon: #c93232;
665
+ --form-field-combobox-disabled-color-background: #efefef;
666
+ --form-field-combobox-disabled-color-border: #dfdfdf;
667
+ --form-field-combobox-default-color-background: #ffffff;
668
+ --form-field-combobox-default-color-border: #dfdfdf;
669
+ --form-field-combobox-help-text-default-color-text: #0e8a0e;
670
+ --form-field-combobox-help-text-default-color-icon: #0e8a0e;
671
+ --form-field-combobox-help-text-hover-color-text: #005700;
672
+ --form-field-combobox-help-text-hover-color-icon: #005700;
673
+ --form-field-combobox-form-numeric: 0rem;
674
+ --form-field-icon-default-color-icon: #2f2f2f;
675
+ --form-field-icon-default-color-background: #ffffff;
676
+ --form-field-icon-hover-color-background: #f8f8f8;
677
+ --form-field-icon-hover-color-icon: #2f2f2f;
678
+ --form-field-icon-disabled-color-background: #ffffff;
679
+ --form-field-icon-disabled-color-icon: #b3b3b3;
680
+ --form-field-icon-pressed-color-background: #efefef;
681
+ --form-field-icon-pressed-color-icon: #2f2f2f;
682
+ --form-field-icon-radius: 6.188rem;
683
+ --form-field-label-color-text: #2f2f2f;
684
+ --form-field-label-color-icon: #2f2f2f;
685
+ --form-field-spacing-x: 0.25rem;
686
+ --form-field-radius: 0.5rem;
687
+ --form-field-spacing-y: 0.25rem;
688
+ --tabs-tab-item-active-default-color-line: #0e8a0e;
689
+ --tabs-tab-item-active-default-color-text: #0e8a0e;
690
+ --tabs-tab-item-active-default-color-icon: #0e8a0e;
691
+ --tabs-tab-item-active-color-focus: #3cad51;
692
+ --tabs-tab-item-active-focussed-color-text: #0e8a0e;
693
+ --tabs-tab-item-active-focussed-color-icon: #0e8a0e;
694
+ --tabs-tab-item-active-focussed-color-line: #0e8a0e;
695
+ --tabs-tab-item-active-focussed-focus: #3cad51;
696
+ --tabs-tab-item-inactive-default-color-text: #2f2f2f;
697
+ --tabs-tab-item-inactive-default-color-icon: #2f2f2f;
698
+ --tabs-tab-item-inactive-hover-color-line: #d1d1d1;
699
+ --tabs-tab-item-inactive-hover-color-text: #202020;
700
+ --tabs-tab-item-inactive-hover-color-icon: #202020;
701
+ --tabs-tab-item-inactive-focussed-color-focus: #3cad51;
702
+ --tabs-tab-item-inactive-focussed-color-text: #2f2f2f;
703
+ --tabs-tab-item-inactive-focussed-color-icon: #2f2f2f;
704
+ --tabs-tab-item-color-text: #2f2f2f;
705
+ --tabs-tab-item-spacing-gap-x: 0.5rem;
706
+ --tabs-tab-item-spacing-x: 0.75rem;
707
+ --tabs-tab-item-spacing-y: 0.25rem;
708
+ --tabs-color-line: #dfdfdf;
709
+ --tabs-text: #2f2f2f;
710
+ --form-dropdown-form-drop-item-default-color-background: #ffffff;
711
+ --form-dropdown-form-drop-item-default-color-text: #2f2f2f;
712
+ --form-dropdown-form-drop-item-default-color-icon: #2f2f2f;
713
+ --form-dropdown-form-drop-item-hover-color-background: #f8f8f8;
714
+ --form-dropdown-form-drop-item-hover-color-text: #2f2f2f;
715
+ --form-dropdown-form-drop-item-hover-color-icon: #2f2f2f;
716
+ --form-dropdown-form-drop-item-active-color-background: #f0faf3;
717
+ --form-dropdown-form-drop-item-active-color-text: #024002;
718
+ --form-dropdown-form-drop-item-active-color-icon: #024002;
719
+ --form-dropdown-form-drop-item-focus-default-color-focus: #0e8a0e;
720
+ --form-dropdown-form-drop-item-focus-default-color-background: #ffffff;
721
+ --form-dropdown-form-drop-item-focus-default-color-text: #2f2f2f;
722
+ --form-dropdown-form-drop-item-focus-default-color-icon: #2f2f2f;
723
+ --form-dropdown-form-drop-item-title-color-text: #2f2f2f;
724
+ --form-dropdown-form-drop-item-title-color-line: #efefef;
725
+ --form-dropdown-form-drop-item-focus-hover-color-background: #f8f8f8;
726
+ --form-dropdown-form-drop-item-focus-hover-color-text: #2f2f2f;
727
+ --form-dropdown-form-drop-item-focus-hover-color-icon: #2f2f2f;
728
+ --form-dropdown-form-drop-item-focus-hover-color-focus: #2f2f2f;
729
+ --form-dropdown-form-drop-item-spacing-x: 0.5rem;
730
+ --form-dropdown-form-drop-item-spacing-gap-y: 0.5rem;
731
+ --form-dropdown-form-drop-item-radius: 0.5rem;
732
+ --form-dropdown-form-drop-item-spacing-y: 0.5rem;
733
+ --form-dropdown-color-background: #ffffff;
734
+ --form-dropdown-spacing-x: 0.5rem;
735
+ --form-dropdown-radius: 0.5rem;
736
+ --form-dropdown-spacing-y: 0.5rem;
737
+ --checkbox-input-control-unchecked-default-color-border: #7e7e7e;
738
+ --checkbox-input-control-unchecked-default-color-background: #ffffff;
739
+ --checkbox-input-control-unchecked-default-color-focus: #3cad51;
740
+ --checkbox-input-control-unchecked-hover-color-border: #474747;
741
+ --checkbox-input-control-unchecked-hover-color-background: #ffffff;
742
+ --checkbox-input-control-unchecked-disabled-color-background: #efefef;
743
+ --checkbox-input-control-unchecked-disabled-color-border: #b3b3b3;
744
+ --checkbox-input-control-unchecked-weight-border: 0.062rem;
745
+ --checkbox-input-control-checked-default-color-background: #0e8a0e;
746
+ --checkbox-input-control-checked-default-color-icon: #ffffff;
747
+ --checkbox-input-control-checked-disabled-color-background: #b3b3b3;
748
+ --checkbox-input-control-checked-disabled-color-icon: #ffffff;
749
+ --checkbox-input-control-checked-hover-color-background: #005700;
750
+ --checkbox-input-control-checked-hover-color-icon: #ffffff;
751
+ --checkbox-input-control-checked-focus-color-background: #0e8a0e;
752
+ --checkbox-input-control-checked-focus-color-focus: #3cad51;
753
+ --checkbox-input-control-indeterminate-default-color-background: #0e8a0e;
754
+ --checkbox-input-control-indeterminate-default-color-icon: #ffffff;
755
+ --checkbox-input-control-indeterminate-hover-color-background: #005700;
756
+ --checkbox-input-control-indeterminate-hover-color-icon: #ffffff;
757
+ --checkbox-input-control-indeterminate-disabled-color-background: #b3b3b3;
758
+ --checkbox-input-control-indeterminate-disabled-color-icon: #ffffff;
759
+ --checkbox-input-control-indeterminate-focus-color-background: #0e8a0e;
760
+ --checkbox-input-control-indeterminate-focus-color-focus: #3cad51;
761
+ --checkbox-input-control-indeterminate-focus-color-icon: #ffffff;
762
+ --checkbox-input-control-radius: 0.5rem;
763
+ --checkbox-default-color-text: #2f2f2f;
764
+ --checkbox-default-disabled-color-text: #595959;
765
+ --checkbox-default-focus: #3cad51;
766
+ --checkbox-hover-color-text: #2f2f2f;
767
+ --checkbox-selected-color-text: #2f2f2f;
768
+ --checkbox-selected-disabled-color-text: #595959;
769
+ --checkbox-selected-focus: #3cad51;
770
+ --checkbox-radius: 0.5rem;
771
+ --checkbox-spacing-padding: 0.5rem;
772
+ --checkbox-spacing-gap-y: 0.5rem;
773
+ --checkbox-group-spacing-gap-y: 0.5rem;
774
+ --radio-button-default-color-border: #7e7e7e;
775
+ --radio-button-default-color-background: #ffffff;
776
+ --radio-button-default-color-text: #2f2f2f;
777
+ --radio-button-hover-color-border: #2f2f2f;
778
+ --radio-button-hover-color-background: #ffffff;
779
+ --radio-button-hover-color-text: #2f2f2f;
780
+ --radio-button-selected-color-border: #0e8a0e;
781
+ --radio-button-selected-color-background: #ffffff;
782
+ --radio-button-selected-color-check: #0e8a0e;
783
+ --radio-button-selected-color-text: #2f2f2f;
784
+ --radio-button-selected-hover-color-border: #005700;
785
+ --radio-button-selected-hover-color-background: #ffffff;
786
+ --radio-button-selected-hover-color-check: #005700;
787
+ --radio-button-selected-hover-color-text: #2f2f2f;
788
+ --radio-button-disabled-color-background: #efefef;
789
+ --radio-button-disabled-color-border: #7e7e7e;
790
+ --radio-button-disabled-color-text: #595959;
791
+ --radio-button-disabled-color-check: #7e7e7e;
792
+ --radio-button-spacing-gap-y: 0.5rem;
793
+ --radio-button-spacing-x: 0.5rem;
794
+ --radio-button-spacing-gap-x: 0.5rem;
795
+ --toggle-off-default-color-dot: #7e7e7e;
796
+ --toggle-off-default-color-border: #7e7e7e;
797
+ --toggle-off-default-color-background: #ffffff;
798
+ --toggle-off-hover-color-dot: #595959;
799
+ --toggle-off-hover-color-border: #595959;
800
+ --toggle-off-hover-color-background: #f8f8f8;
801
+ --toggle-off-focus-color-dot: #7e7e7e;
802
+ --toggle-off-focus-color-border: #7e7e7e;
803
+ --toggle-off-focus-color-background: #ffffff;
804
+ --toggle-off-disabled-color-dot: #d1d1d1;
805
+ --toggle-off-disabled-color-border: #d1d1d1;
806
+ --toggle-off-disabled-color-background: #ffffff;
807
+ --toggle-off-active-color-dot: #2f2f2f;
808
+ --toggle-off-active-color-border: #024002;
809
+ --toggle-off-active-color-background: #efefef;
810
+ --toggle-on-active-color-dot: #efefef;
811
+ --toggle-on-active-color-border: #024002;
812
+ --toggle-on-active-color-background: #024002;
813
+ --toggle-on-default-color-dot: #ffffff;
814
+ --toggle-on-default-color-border: #0b800b;
815
+ --toggle-on-default-color-background: #0b800b;
816
+ --toggle-on-hover-color-dot: #f8f8f8;
817
+ --toggle-on-hover-color-border: #005700;
818
+ --toggle-on-hover-color-background: #005700;
819
+ --toggle-on-focus-color-dot: #ffffff;
820
+ --toggle-on-focus-color-border: #0b800b;
821
+ --toggle-on-focus-color-background: #0b800b;
822
+ --toggle-on-disabled-color-dot: #f8f8f8;
823
+ --toggle-on-disabled-color-border: #d1d1d1;
824
+ --toggle-on-disabled-color-background: #d1d1d1;
825
+ --toggle-radius: 1rem;
826
+ --toggle-weight-border: 0.062rem;
827
+ --kpi-color-benchmark-text: #7e7e7e;
828
+ --kpi-color-benchmark-text-bg: #efefef;
829
+ --kpi-display-text-danger-color-text: #920a0a;
830
+ --kpi-display-text-warning-color-text: #a74102;
831
+ --kpi-display-text-success-color-text: #026319;
832
+ --kpi-display-text-info-color-text: #024f83;
833
+ --kpi-display-text-caution-color-text: #7d5400;
834
+ --kpi-display-text-default-color-text: #3b3b3b;
835
+ --kpi-color-background: #ffffff;
836
+ --kpi-spacing-padding: 1rem;
837
+ --kpi-spacing-x: 1rem;
838
+ --kpi-radius: 0.5rem;
839
+ --banner-warning-color-background: #fffaf5;
840
+ --banner-warning-color-border: #e4720d;
841
+ --banner-warning-color-text: #611f00;
842
+ --banner-warning-color-icon: #611f00;
843
+ --banner-destructive-color-background: #fff5f5;
844
+ --banner-destructive-color-border: #c93232;
845
+ --banner-destructive-color-text: #610202;
846
+ --banner-destructive-color-icon: #610202;
847
+ --banner-neutral-color-border: #b3b3b3;
848
+ --banner-neutral-color-text: #2f2f2f;
849
+ --banner-neutral-color-icon: #2f2f2f;
850
+ --banner-info-color-background: #f5fbff;
851
+ --banner-info-color-border: #2c8bca;
852
+ --banner-info-color-text: #053a61;
853
+ --banner-info-color-icon: #053a61;
854
+ --banner-spacing-gap: 1rem;
855
+ --banner-spacing-x: 1rem;
856
+ --banner-spacing-y: 1rem;
857
+ --banner-radius: 0.5rem;
858
+ --icons-icon-default: #2f2f2f;
859
+ --slideover-color-text: #2f2f2f;
860
+ --slideover-overlay-color-background: rgb(32 32 32 / 50%);
861
+ --slideover-color-background: #f8f8f8;
862
+ --slideover-header-color-background: #ffffff;
863
+ --slideover-header-color-icon: #2f2f2f;
864
+ --slideover-header-color-icon-hover: #f8f8f8;
865
+ --slideover-header-color-text: #2f2f2f;
866
+ --slideover-header-spacing-padding: 1rem;
867
+ --slideover-header-icon-radius: 1rem;
868
+ --slideover-footer-color-background: #ffffff;
869
+ --slideover-footer-spacing-padding: 1rem;
870
+ --slideover-footer-spacing-gap-y: 1rem;
871
+ --slideover-radius: 0.5rem;
872
+ --arbor-logo-top-1: #f7931e;
873
+ --arbor-logo-top-2: #d58822;
874
+ --arbor-logo-text: #ffffff;
875
+ --arbor-logo-right-1: #deee21;
876
+ --arbor-logo-right-2: #96ba0f;
877
+ --arbor-logo-bottom-1: #afd318;
878
+ --arbor-logo-bottom-2: #68aa22;
879
+ --arbor-logo-left-1: #7dba3c;
880
+ --arbor-logo-left-2: #a0861a;
881
+ --hyperlink-default: #0b800b;
882
+ --hyperlink-hover: #005700;
883
+ --hyperlink-pressed: #024002;
884
+ --type-body-hyperlink-colour: #0b800b;
885
+ --type-body-hyperlink-family: Inter;
886
+ --type-body-hyperlink-size: 0.812rem;
887
+ --type-body-hyperlink-weight: 31.25rem;
888
+ --type-body-p-family: Inter;
889
+ --type-body-p-size: 0.812rem;
890
+ --type-body-p-weight: 25rem;
891
+ --type-body-bold-family: Inter;
892
+ --type-body-bold-size: 0.812rem;
893
+ --type-body-bold-weight: 37.5rem;
894
+ --type-headings-h1-family: Inter;
895
+ --type-headings-h1-size: 1.688rem;
896
+ --type-headings-h1-weight: 37.5rem;
897
+ --type-headings-h2-family: Inter;
898
+ --type-headings-h2-size: 1.375rem;
899
+ --type-headings-h2-weight: 37.5rem;
900
+ --type-headings-h3-family: Inter;
901
+ --type-headings-h3-size: 1.125rem;
902
+ --type-headings-h3-weight: 37.5rem;
903
+ --type-headings-h4-family: Inter;
904
+ --type-headings-h4-size: 1rem;
905
+ --type-headings-h4-weight: 600;
906
+ --type-buttons-button-m-family: Inter;
907
+ --type-buttons-button-m-size: 0.875rem;
908
+ --type-buttons-button-m-weight: 37.5rem;
909
+ --type-buttons-button-s-family: Inter;
910
+ --type-buttons-button-s-size: 0.812rem;
911
+ --type-buttons-button-s-weight: 37.5rem;
912
+ --type-display-display-1-family: Inter;
913
+ --type-display-display-1-size: 2.5rem;
914
+ --type-display-display-1-weight: 43.75rem;
915
+ --modal-overlay-color-background: rgb(32 32 32 / 50%);
916
+ --modal-color-background: #f8f8f8;
917
+ --modal-header-color-background: #ffffff;
918
+ --modal-header-color-icon: #2f2f2f;
919
+ --modal-header-color-text: #2f2f2f;
920
+ --modal-header-color-icon-hover: #f8f8f8;
921
+ --modal-header-spacing-padding: 1rem;
922
+ --modal-header-radius-icon: 1rem;
923
+ --modal-footer-color-background: #ffffff;
924
+ --modal-footer-spacing-padding: 1rem;
925
+ --modal-footer-spacing-gap-y: 1rem;
926
+ --modal-radius: 0.5rem;
927
+ --page-heading-color-text: #202020;
928
+ --page-heading-spacing-gap: 0.5rem;
929
+ --card-default-color-background: #ffffff;
930
+ --card-default-color-text: #2f2f2f;
931
+ --card-default-color-icon: #2f2f2f;
932
+ --card-default-color-border: #efefef;
933
+ --card-hover-color-background: #ffffff;
934
+ --card-hover-color-text: #2f2f2f;
935
+ --card-hover-color-icon: #2f2f2f;
936
+ --card-hover-color-border: #efefef;
937
+ --card-focus-color-background: #ffffff;
938
+ --card-focus-color-text: #2f2f2f;
939
+ --card-focus-color-icon: #2f2f2f;
940
+ --card-focus-focus: #3cad51;
941
+ --card-focus-color-border: #efefef;
942
+ --card-radius: 0.5rem;
943
+ --card-spacing-x: 1.5rem;
944
+ --card-spacing-gap-y: 1rem;
945
+ --card-spacing-gap-x: 1rem;
946
+ --card-spacing-y: 1.5rem;
947
+ --page-sign-in-color-background: #fffcf8;
948
+ --page-color-background: #f8f8f8;
949
+ --form-dropdown-multi-line-form-drop-item-multi-color-background: #ffffff;
950
+ --form-dropdown-multi-line-form-drop-item-multi-default-color-background: #ffffff;
951
+ --form-dropdown-multi-line-form-drop-item-multi-default-color-text-1: #2f2f2f;
952
+ --form-dropdown-multi-line-form-drop-item-multi-default-color-icon: #2f2f2f;
953
+ --form-dropdown-multi-line-form-drop-item-multi-default-color-text-2: #595959;
954
+ --form-dropdown-multi-line-form-drop-item-multi-default-focus-color-background: #ffffff;
955
+ --form-dropdown-multi-line-form-drop-item-multi-default-focus-color-text-1: #2f2f2f;
956
+ --form-dropdown-multi-line-form-drop-item-multi-default-focus-color-icon: #2f2f2f;
957
+ --form-dropdown-multi-line-form-drop-item-multi-default-focus-color-focus: #3cad51;
958
+ --form-dropdown-multi-line-form-drop-item-multi-default-focus-color-text-2: #595959;
959
+ --form-dropdown-multi-line-form-drop-item-multi-hover-color-background: #f8f8f8;
960
+ --form-dropdown-multi-line-form-drop-item-multi-hover-color-text-1: #2f2f2f;
961
+ --form-dropdown-multi-line-form-drop-item-multi-hover-color-text-2: #595959;
962
+ --form-dropdown-multi-line-form-drop-item-multi-hover-color-icon: #2f2f2f;
963
+ --form-dropdown-multi-line-form-drop-item-multi-active-color-background: #f0faf3;
964
+ --form-dropdown-multi-line-form-drop-item-multi-active-color-text-1: #024002;
965
+ --form-dropdown-multi-line-form-drop-item-multi-active-color-text-2: #005700;
966
+ --form-dropdown-multi-line-form-drop-item-multi-active-color-icon: #005700;
967
+ --form-dropdown-multi-line-form-drop-item-multi-active-focus-color-background: #f0faf3;
968
+ --form-dropdown-multi-line-form-drop-item-multi-active-focus-color-text-1: #024002;
969
+ --form-dropdown-multi-line-form-drop-item-multi-active-focus-color-text-2: #005700;
970
+ --form-dropdown-multi-line-form-drop-item-multi-active-focus-color-icon: #005700;
971
+ --form-dropdown-multi-line-form-drop-item-multi-active-focus-color-focus: #3cad51;
972
+ --form-dropdown-multi-line-form-drop-item-multi-base-spacing-padding: 0.5rem;
973
+ --form-dropdown-multi-line-form-drop-item-multi-base-spacing-gap-x: 0.5rem;
974
+ --form-dropdown-multi-line-form-drop-item-multi-base-radius: 0.5rem;
975
+ --form-dropdown-multi-line-color-background: #ffffff;
976
+ --form-dropdown-multi-line-radius: 0.5rem;
977
+ --form-dropdown-multi-line-spacing-padding: 0.5rem;
978
+ --form-dropdown-multi-line-spacing-gap-x: 0.5rem;
979
+ --focus-color-focus: #3cad51;
980
+ --focus-border: 0.188rem;
981
+ --tables-controls-color-icon: #2f2f2f;
982
+ --tables-controls-icon-default-color-background: #ffffff;
983
+ --tables-controls-icon-hover-color-background: #f8f8f8;
984
+ --tables-controls-icon-focus-color-background: #ffffff;
985
+ --tables-controls-icon-deactivated-color-background: #ffffff;
986
+ --tables-controls-icon-deactivated-color-icon: #920a0a;
987
+ --tables-controls-spacing-gap: 0.5rem;
988
+ --tables-controls-spacing-y: 0.5rem;
989
+ --tables-footer-color-text: #2f2f2f;
990
+ --tables-footer-color-background: #ffffff;
991
+ --tables-ag-grid-color-text: #202020;
992
+ --tables-ag-grid-rows-odd-color-background: #ffffff;
993
+ --tables-ag-grid-rows-even-color-background: #f8f8f8;
994
+ --tables-ag-grid-rows-color-border: #efefef;
995
+ --tables-ag-grid-rows-headers-color-background: #f8f8f8;
996
+ --tables-ag-grid-rows-headers-color-divider: #dfdfdf;
997
+ --tables-ag-grid-rows-headers-color-icons: #7e7e7e;
998
+ --tables-ag-grid-rows-headers-color-text: #2f2f2f;
999
+ --tables-ag-grid-rows-xsmall-spacing-y: 0.5rem;
1000
+ --tables-ag-grid-rows-small-spacing-y: 0.75rem;
1001
+ --tables-ag-grid-rows-medium-spacing-y: 1rem;
1002
+ --tables-ag-grid-rows-large-spacing-y: 1.5rem;
1003
+ --tables-ag-grid-rows-weight-border: 0.062rem;
1004
+ --bg: #ffffff;
1005
+ --avatar-small-initials-green-default-color-background: #d7ebd2;
1006
+ --avatar-small-initials-green-color-text: #002a00;
1007
+ --avatar-small-initials-green-color-border: #c6e8be;
1008
+ --avatar-small-initials-green-hover-color-background: #c6e8be;
1009
+ --avatar-small-initials-orange-color-border: #efe0bc;
1010
+ --avatar-small-initials-orange-color-text: #7e3e00;
1011
+ --avatar-small-initials-orange-default-color-background: #f7eed8;
1012
+ --avatar-small-initials-orange-hover-color-background: #efe0bc;
1013
+ --avatar-small-initials-blue-color-border: #c6e1ef;
1014
+ --avatar-small-initials-blue-color-text: #003d69;
1015
+ --avatar-small-initials-blue-default-color-background: #e1eef5;
1016
+ --avatar-small-initials-blue-hover-color-background: #c6e1ef;
1017
+ --avatar-small-initials-purple-color-border: #e2dcef;
1018
+ --avatar-small-initials-purple-color-text: #472b61;
1019
+ --avatar-small-initials-purple-default-color-background: #eeebf4;
1020
+ --avatar-small-initials-purple-hover-color-background: #e2dcef;
1021
+ --avatar-small-initials-yellow-color-border: #ede6c7;
1022
+ --avatar-small-initials-yellow-color-text: #7e5a00;
1023
+ --avatar-small-initials-yellow-default-color-background: #f7f2dd;
1024
+ --avatar-small-initials-yellow-hover-color-background: #ede6c7;
1025
+ --avatar-small-initials-teal-color-border: #cbefed;
1026
+ --avatar-small-initials-teal-color-text: #0a685b;
1027
+ --avatar-small-initials-teal-default-color-background: #e4f4f3;
1028
+ --avatar-small-initials-teal-hover-color-background: #cbefed;
1029
+ --avatar-small-initials-salmon-color-border: #f4d8d1;
1030
+ --avatar-small-initials-salmon-color-text: #7a0100;
1031
+ --avatar-small-initials-salmon-default-color-background: #f6e5e1;
1032
+ --avatar-small-initials-salmon-hover-color-background: #f4d8d1;
1033
+ --avatar-small-initials-grey-color-border: #efefef;
1034
+ --avatar-small-initials-grey-color-text: #2f2f2f;
1035
+ --avatar-small-initials-grey-default-color-background: #f8f8f8;
1036
+ --avatar-small-initials-grey-hover-color-background: #efefef;
1037
+ --avatar-small-initials-see-more-color-border: #efefef;
1038
+ --avatar-small-initials-see-more-color-icon: #2f2f2f;
1039
+ --avatar-small-initials-see-more-default-color-background: #f8f8f8;
1040
+ --avatar-small-initials-see-more-hover-color-background: #efefef;
1041
+ --avatar-small-initials-radius: 6.188rem;
1042
+ --avatar-small-color-border: #efefef;
1043
+ --avatar-small-color-background: #f8f8f8;
1044
+ --avatar-small-radius: 6.188rem;
1045
+ --avatar-small-size: 1.25rem;
1046
+ --avatar-medium-color-border: #efefef;
1047
+ --avatar-medium-color-text: #2f2f2f;
1048
+ --avatar-medium-color-background: #f8f8f8;
1049
+ --avatar-medium-radius: 6.188rem;
1050
+ --avatar-medium-size: 2rem;
1051
+ --avatar-large-color-border: #efefef;
1052
+ --avatar-large-color-text: #2f2f2f;
1053
+ --avatar-large-color-background: #f8f8f8;
1054
+ --avatar-large-radius: 0.5rem;
1055
+ --avatar-large-size: 3rem;
1056
+ --avatar-extra-large-color-border: #efefef;
1057
+ --avatar-extra-large-color-text: #2f2f2f;
1058
+ --avatar-extra-large-color-background: #f8f8f8;
1059
+ --avatar-extra-large-radius: 1rem;
1060
+ --avatar-extra-large-size: 6rem;
1061
+ --avatar-border-weight: 0.062rem;
1062
+ --card-data-view-default-color-background: #f8f8f8;
1063
+ --card-data-view-color-text: #2f2f2f;
1064
+ --card-data-view-color-divider-x: #f8f8f8;
1065
+ --card-data-view-hover-color-background: #efefef;
1066
+ --card-data-view-radius: 0.5rem;
1067
+ --card-data-view-spacing-x: 1rem;
1068
+ --card-data-view-spacing-gap: 1rem;
1069
+ --card-data-view-spacing-y: 1rem;
1070
+ --date-picker-date-cell-inactive-default-color-background: #ffffff;
1071
+ --date-picker-date-cell-inactive-default-color-text: #2f2f2f;
1072
+ --date-picker-date-cell-inactive-hover-color-background: #f8f8f8;
1073
+ --date-picker-date-cell-inactive-time-call-color-text: #ffffff;
1074
+ --date-picker-date-cell-inactive-hover-radius: 6.188rem;
1075
+ --date-picker-date-cell-today-default-color-background: #f0faf3;
1076
+ --date-picker-date-cell-today-default-color-text: #0e8a0e;
1077
+ --date-picker-date-cell-today-hover-color-background: #ceefd5;
1078
+ --date-picker-date-cell-today-multi-select-color-background: #f0faf3;
1079
+ --date-picker-date-cell-today-hover-color-text: #005700;
1080
+ --date-picker-date-cell-today-hover-radius: 6.188rem;
1081
+ --date-picker-date-cell-today-multi-select-radius: 6.188rem;
1082
+ --date-picker-date-cell-selected-color-background: #0e8a0e;
1083
+ --date-picker-date-cell-selected-color-text: #ffffff;
1084
+ --date-picker-date-cell-selected-radius: 6.188rem;
1085
+ --date-picker-date-cell-selected-multi-color-background: #0e8a0e;
1086
+ --date-picker-date-cell-selected-multi-color-text: #ffffff;
1087
+ --date-picker-date-cell-selected-multi-color-container-background: #f0faf3;
1088
+ --date-picker-date-cell-selected-multi-range-color-background: #f0faf3;
1089
+ --date-picker-date-cell-selected-multi-range-color-text: #2f2f2f;
1090
+ --date-picker-date-cell-selected-multi-range-hover-color-background: #ceefd5;
1091
+ --date-picker-date-cell-selected-multi-radius: 6.188rem;
1092
+ --date-picker-date-cell-disabled-color-text: #7e7e7e;
1093
+ --date-picker-date-cell-day-label-color-text: #595959;
1094
+ --date-picker-date-cell-size: 2.75rem;
1095
+ --date-picker-date-picker-text-default-color-text: #2f2f2f;
1096
+ --date-picker-date-picker-text-default-color-icon: #2f2f2f;
1097
+ --date-picker-date-picker-text-hover-color-background: #f8f8f8;
1098
+ --date-picker-date-picker-text-active-color-background: #f0faf3;
1099
+ --date-picker-date-picker-text-active-color-text: #005700;
1100
+ --date-picker-date-picker-text-active-color-icon: #005700;
1101
+ --date-picker-date-picker-text-hover-radius: 6.188rem;
1102
+ --date-picker-date-picker-text-gap-y: 0.25rem;
1103
+ --date-picker-date-picker-text-spacing-y: 0.75rem;
1104
+ --date-picker-date-picker-text-spacing-x: 0.5rem;
1105
+ --date-picker-time-cell-default-color-text: #2f2f2f;
1106
+ --date-picker-time-cell-hover-color-background: #f8f8f8;
1107
+ --date-picker-time-cell-active-color-background: #0e8a0e;
1108
+ --date-picker-time-cell-active-color-text: #ffffff;
1109
+ --date-picker-time-cell-default-color-background: #ffffff;
1110
+ --date-picker-time-cell-radius: 0.5rem;
1111
+ --date-picker-time-selector-color-background: #ffffff;
1112
+ --date-picker-time-selector-radius: 0.5rem;
1113
+ --date-picker-time-selector-spacing-padding: 0.25rem;
1114
+ --date-picker-date-arrow-default-color-background: #ffffff;
1115
+ --date-picker-date-arrow-hover-color-background: #f8f8f8;
1116
+ --date-picker-date-arrow-color-icon: #2f2f2f;
1117
+ --date-picker-date-arrow-radius: 6.188rem;
1118
+ --date-picker-date-arrow-size: 2.75rem;
1119
+ --date-picker-color-background: #ffffff;
1120
+ --date-picker-spacing-y: 1rem;
1121
+ --date-picker-spacing-x: 0.75rem;
1122
+ --date-picker-radius: 0.5rem;
1123
+ --date-picker-spacing-gap: 0.75rem;
1124
+ --tooltip-color-background: #2f2f2f;
1125
+ --tooltip-color-text: #ffffff;
1126
+ --tooltip-spacing-x: 1rem;
1127
+ --tooltip-spacing-y: 1rem;
1128
+ --tooltip-homepage-color-background: #ffffff;
1129
+ --tooltip-homepage-color-text: #2f2f2f;
1130
+ --tooltip-homepage-color-border: #f8f8f8;
1131
+ --tooltip-homepage-spacing-x: 1.5rem;
1132
+ --tooltip-homepage-spacing-y: 1.5rem;
1133
+ --tooltip-homepage-spacing-gap-y: 1rem;
1134
+ --tooltip-homepage-radius: 0.5rem;
1135
+ --navigation-top-nav-items-default-color-background: #ffffff;
1136
+ --navigation-top-nav-items-default-color-text: #474747;
1137
+ --navigation-top-nav-items-hover-color-text: #474747;
1138
+ --navigation-top-nav-items-hover-color-background: #f8f8f8;
1139
+ --navigation-top-nav-items-pressed-color-text: #005700;
1140
+ --navigation-top-nav-items-pressed-color-background: #f0faf3;
1141
+ --navigation-top-nav-items-focus-color-text: #474747;
1142
+ --navigation-top-nav-items-focus-color-background: #ffffff;
1143
+ --navigation-top-nav-items-spacing-gap: 0.25rem;
1144
+ --navigation-top-nav-items-spacing-x: 1rem;
1145
+ --navigation-top-nav-items-spacing-y: 0.5rem;
1146
+ --navigation-top-nav-items-radius: 0.5rem;
1147
+ --navigation-top-nav-items-drop-down-default-color-background: #ffffff;
1148
+ --navigation-top-nav-items-drop-down-default-color-text: #202020;
1149
+ --navigation-top-nav-items-drop-down-hover-color-background: #f8f8f8;
1150
+ --navigation-top-nav-items-drop-down-hover-color-text: #202020;
1151
+ --navigation-top-nav-items-drop-down-focus-color-background: #ffffff;
1152
+ --navigation-top-nav-items-drop-down-focus-color-text: #202020;
1153
+ --navigation-top-logo-school-color-border: #efefef;
1154
+ --navigation-top-logo-school-color-background: #ffffff;
1155
+ --navigation-top-logo-school-weight-border: 0.062rem;
1156
+ --navigation-top-logo-arbor-lockup-color-border: #efefef;
1157
+ --navigation-top-logo-arbor-lockup-weight-border: 0.062rem;
1158
+ --navigation-top-logo-arbor-lockup-spacing-gap: 0.25rem;
1159
+ --navigation-top-logo-weight-border: 0.062rem;
1160
+ --navigation-top-nav-group-spacing-gap: 0.5rem;
1161
+ --toast-destructive-color-background: #fff5f5;
1162
+ --toast-destructive-color-border: #c93232;
1163
+ --toast-destructive-icon-color-icon: #610202;
1164
+ --toast-destructive-icon-default-color-background: #fff5f5;
1165
+ --toast-destructive-icon-hover-color-background: #ffe2e2;
1166
+ --toast-destructive-icon-focus-color-background: #fff5f5;
1167
+ --toast-destructive-color-text: #610202;
1168
+ --toast-info-color-background: #f5fbff;
1169
+ --toast-info-color-border: #2c8bca;
1170
+ --toast-info-icon-color-icon: #053a61;
1171
+ --toast-info-icon-default-color-background: #f5fbff;
1172
+ --toast-info-icon-hover-color-background: #c7e3f4;
1173
+ --toast-info-icon-focus-color-background: #f5fbff;
1174
+ --toast-info-color-text: #053a61;
1175
+ --toast-success-color-border: #5ec171;
1176
+ --toast-success-icon-color-icon: #024002;
1177
+ --toast-success-icon-default-color-background: #f0faf3;
1178
+ --toast-success-icon-hover-color-background: #d7f9e0;
1179
+ --toast-success-icon-focus-color-background: #f0faf3;
1180
+ --toast-success-color-text: #024002;
1181
+ --toast-success-color-background: #f0faf3;
1182
+ --toast-warning-color-background: #fffaf5;
1183
+ --toast-warning-color-border: #e4720d;
1184
+ --toast-warning-icon-color-icon: #611f00;
1185
+ --toast-warning-icon-default-color-background: #fffaf5;
1186
+ --toast-warning-icon-hover-color-background: #ffe8d0;
1187
+ --toast-warning-icon-focus-color-background: #fffaf5;
1188
+ --toast-warning-color-text: #611f00;
1189
+ --toast-caution-color-background: #fffdf5;
1190
+ --toast-caution-color-border: #edae06;
1191
+ --toast-caution-icon-color-icon: #613f00;
1192
+ --toast-caution-icon-default-color-background: #fffdf5;
1193
+ --toast-caution-icon-hover-color-background: #fff3d0;
1194
+ --toast-caution-icon-focus-color-background: #fffdf5;
1195
+ --toast-caution-color-text: #613f00;
1196
+ --toast-radius: 0.5rem;
1197
+ --toast-spacing-gap: 1rem;
1198
+ --toast-spacing-x: 1rem;
1199
+ --toast-spacing-y: 1rem;
1200
+ --tag-neutral-color-background: #f8f8f8;
1201
+ --tag-neutral-color-text: #2f2f2f;
1202
+ --tag-category-orange-color-background: #f7eed8;
1203
+ --tag-category-orange-color-text: #7e3e00;
1204
+ --tag-category-blue-color-background: #e1eef5;
1205
+ --tag-category-blue-color-text: #003d69;
1206
+ --tag-category-green-color-background: #d7ebd2;
1207
+ --tag-category-green-color-text: #002a00;
1208
+ --tag-category-purple-color-background: #eeebf4;
1209
+ --tag-category-purple-color-text: #472b61;
1210
+ --tag-category-teal-color-background: #e4f4f3;
1211
+ --tag-category-teal-color-text: #0a685b;
1212
+ --tag-category-salmon-color-background: #f6e5e1;
1213
+ --tag-category-salmon-color-text: #7a0100;
1214
+ --tag-category-yellow-color-background: #f7f2dd;
1215
+ --tag-category-yellow-color-text: #7e5a00;
1216
+ --tag-radius: 6.188rem;
1217
+ --tag-spacing-x: 0.5rem;
1218
+ --tag-spacing-y: 0.75rem;
1219
+ --tag-spacing-gap-y: 0.5rem;
1220
+ --font-family-display: Grenette;
1221
+ --font-family-standard: Inter;
1222
+ --font-size-7-27: 1.688rem;
1223
+ --font-size-6-22: 1.375rem;
1224
+ --font-size-5-18: 1.125rem;
1225
+ --font-size-4-16: 1rem;
1226
+ --font-size-3-14: 0.875rem;
1227
+ --font-size-1-11: 0.688rem;
1228
+ --font-size-8-40: 2.5rem;
1229
+ --font-size-2-13: 0.812rem;
1230
+ --font-weight-regular: 25rem;
1231
+ --font-weight-medium: 31.25rem;
1232
+ --font-weight-semi-bold: 37.5rem;
1233
+ --font-weight-bold: 43.75rem;
1234
+ --border-radius-xsmall: 0.25rem;
1235
+ --border-radius-small: 0.5rem;
1236
+ --border-radius-large: 1rem;
1237
+ --border-radius-round: 6.188rem;
1238
+ --spacing-xsmall: 0.25rem;
1239
+ --spacing-small: 0.5rem;
1240
+ --spacing-large: 1rem;
1241
+ --spacing-xlarge: 1.5rem;
1242
+ --spacing-xxlarge: 2rem;
1243
+ --spacing-medium: 0.75rem;
1244
+ --spacing-xxxlarge: 4rem;
1245
+ --icon-size-xsmall: 0.75rem;
1246
+ --icon-size-small: 1rem;
1247
+ --icon-size-medium: 1.5rem;
1248
+ --border-weight: 0.062rem;
1249
+ }