@syncfusion/ej2-base 25.2.7 → 26.1.35-7502

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 (201) hide show
  1. package/{README.md → ReadMe.md} +100 -100
  2. package/bin/syncfusion-license.js +104 -1
  3. package/dist/ej2-base.min.js +1 -10
  4. package/dist/ej2-base.umd.min.js +1 -10
  5. package/dist/ej2-base.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-base.es2015.js +268 -486
  7. package/dist/es6/ej2-base.es2015.js.map +1 -1
  8. package/dist/es6/ej2-base.es5.js +307 -522
  9. package/dist/es6/ej2-base.es5.js.map +1 -1
  10. package/dist/global/ej2-base.min.js +1 -10
  11. package/dist/global/ej2-base.min.js.map +1 -1
  12. package/dist/global/index.d.ts +0 -9
  13. package/dist/ts/undefined +67 -0
  14. package/e2e/crypto.js +16 -16
  15. package/e2e/index.d.ts +27 -27
  16. package/e2e/m.protractor.config.js +286 -286
  17. package/e2e/modified-protractor/protractor.config.js +316 -316
  18. package/e2e/protractor.config.js +389 -389
  19. package/helpers/e2e/index.js +3 -3
  20. package/license +10 -10
  21. package/package.json +225 -161
  22. package/src/ajax.d.ts +1 -1
  23. package/src/ajax.js +3 -7
  24. package/src/animation-model.d.ts +41 -41
  25. package/src/animation.d.ts +1 -1
  26. package/src/animation.js +20 -22
  27. package/src/base.d.ts +2 -1
  28. package/src/base.js +4 -13
  29. package/src/browser.d.ts +1 -1
  30. package/src/browser.js +3 -4
  31. package/src/child-property.d.ts +1 -0
  32. package/src/child-property.js +2 -2
  33. package/src/component-model.d.ts +16 -16
  34. package/src/component.d.ts +4 -0
  35. package/src/component.js +28 -36
  36. package/src/dom.js +4 -11
  37. package/src/draggable-model.d.ts +113 -113
  38. package/src/draggable.js +20 -41
  39. package/src/droppable-model.d.ts +23 -23
  40. package/src/droppable.js +19 -20
  41. package/src/event-handler.js +2 -6
  42. package/src/fetch.js +1 -2
  43. package/src/hijri-parser.js +3 -3
  44. package/src/internationalization.d.ts +4 -0
  45. package/src/internationalization.js +0 -5
  46. package/src/intl/date-formatter.js +19 -33
  47. package/src/intl/date-parser.js +33 -62
  48. package/src/intl/intl-base.d.ts +9 -1
  49. package/src/intl/intl-base.js +19 -18
  50. package/src/intl/number-formatter.js +14 -7
  51. package/src/intl/number-parser.js +2 -6
  52. package/src/intl/parser-base.js +6 -11
  53. package/src/keyboard-model.d.ts +16 -16
  54. package/src/keyboard.js +19 -20
  55. package/src/module-loader.js +1 -0
  56. package/src/notify-property-change.d.ts +0 -20
  57. package/src/notify-property-change.js +16 -55
  58. package/src/observer.js +3 -6
  59. package/src/sanitize-helper.js +0 -1
  60. package/src/template-engine.js +1 -7
  61. package/src/template.js +13 -18
  62. package/src/touch-model.d.ts +39 -39
  63. package/src/touch.js +22 -27
  64. package/src/util.d.ts +4 -4
  65. package/src/util.js +12 -37
  66. package/src/validate-lic.js +4 -3
  67. package/styles/_all.scss +2 -2
  68. package/styles/_bds-dark-definition.scss +16 -15
  69. package/styles/_bds-definition.scss +16 -15
  70. package/styles/_bootstrap-dark-definition.scss +42 -42
  71. package/styles/_bootstrap-definition.scss +42 -42
  72. package/styles/_bootstrap4-definition.scss +11 -11
  73. package/styles/_bootstrap5-dark-definition.scss +9 -9
  74. package/styles/_bootstrap5-definition.scss +8 -8
  75. package/styles/_bootstrap5.3-dark-definition.scss +8 -0
  76. package/styles/_bootstrap5.3-definition.scss +8 -0
  77. package/styles/_fabric-dark-definition.scss +42 -42
  78. package/styles/_fabric-definition.scss +42 -42
  79. package/styles/_fluent-dark-definition.scss +9 -9
  80. package/styles/_fluent-definition.scss +9 -9
  81. package/styles/_fluent2-dark-definition.scss +9 -0
  82. package/styles/_fluent2-definition.scss +9 -0
  83. package/styles/_fluent2-highcontrast-definition.scss +9 -0
  84. package/styles/_fusionnew-dark-definition.scss +8 -8
  85. package/styles/_fusionnew-definition.scss +8 -8
  86. package/styles/_highcontrast-definition.scss +42 -42
  87. package/styles/_highcontrast-light-definition.scss +42 -42
  88. package/styles/_material-dark-definition.scss +49 -48
  89. package/styles/_material-definition.scss +50 -49
  90. package/styles/_material3-dark-definition.scss +15 -14
  91. package/styles/_material3-definition.scss +16 -15
  92. package/styles/_tailwind-dark-definition.scss +16 -15
  93. package/styles/_tailwind-definition.scss +16 -15
  94. package/styles/_tailwind3-dark-definition.scss +15 -0
  95. package/styles/_tailwind3-definition.scss +15 -0
  96. package/styles/animation/_all.scss +535 -560
  97. package/styles/bds-lite.css +3408 -0
  98. package/styles/bds-lite.scss +3 -0
  99. package/styles/bds.css +3408 -0
  100. package/styles/bds.scss +3 -0
  101. package/styles/bootstrap-dark-lite.css +3749 -0
  102. package/styles/bootstrap-dark-lite.scss +3 -0
  103. package/styles/bootstrap-dark.css +1075 -169
  104. package/styles/bootstrap-lite.css +3749 -0
  105. package/styles/bootstrap-lite.scss +3 -0
  106. package/styles/bootstrap.css +1075 -169
  107. package/styles/bootstrap4-lite.css +3390 -0
  108. package/styles/bootstrap4-lite.scss +3 -0
  109. package/styles/bootstrap4.css +1063 -169
  110. package/styles/bootstrap5-dark-lite.css +2966 -0
  111. package/styles/bootstrap5-dark-lite.scss +3 -0
  112. package/styles/bootstrap5-dark.css +1068 -171
  113. package/styles/bootstrap5-lite.css +2966 -0
  114. package/styles/bootstrap5-lite.scss +3 -0
  115. package/styles/bootstrap5.3-lite.css +3559 -0
  116. package/styles/bootstrap5.3-lite.scss +3 -0
  117. package/styles/bootstrap5.3.css +3559 -0
  118. package/styles/bootstrap5.3.scss +3 -0
  119. package/styles/bootstrap5.css +1066 -169
  120. package/styles/common/_all.scss +2 -2
  121. package/styles/common/_core.scss +111 -117
  122. package/styles/common/_mixin.scss +11 -9
  123. package/styles/definition/_bds-dark.scss +1193 -1178
  124. package/styles/definition/_bds.scss +1488 -1458
  125. package/styles/definition/_bootstrap-dark.scss +213 -219
  126. package/styles/definition/_bootstrap.scss +208 -215
  127. package/styles/definition/_bootstrap4.scss +159 -167
  128. package/styles/definition/_bootstrap5-dark.scss +481 -494
  129. package/styles/definition/_bootstrap5.3-dark.scss +1232 -0
  130. package/styles/definition/_bootstrap5.3.scss +1579 -0
  131. package/styles/definition/_bootstrap5.scss +481 -495
  132. package/styles/definition/_fabric-dark.scss +194 -200
  133. package/styles/definition/_fabric.scss +192 -198
  134. package/styles/definition/_fluent-dark.scss +494 -557
  135. package/styles/definition/_fluent.scss +494 -558
  136. package/styles/definition/_fluent2-dark.scss +1523 -0
  137. package/styles/definition/_fluent2-highcontrast.scss +1523 -0
  138. package/styles/definition/_fluent2.scss +2295 -0
  139. package/styles/definition/_fusionnew-dark.scss +330 -362
  140. package/styles/definition/_fusionnew.scss +331 -363
  141. package/styles/definition/_highcontrast-light.scss +189 -193
  142. package/styles/definition/_highcontrast.scss +189 -195
  143. package/styles/definition/_material-dark.scss +193 -198
  144. package/styles/definition/_material.scss +186 -192
  145. package/styles/definition/_material3-dark.scss +660 -710
  146. package/styles/definition/_material3.scss +729 -792
  147. package/styles/definition/_tailwind-dark.scss +445 -488
  148. package/styles/definition/_tailwind.scss +443 -485
  149. package/styles/definition/_tailwind3-dark.scss +1622 -0
  150. package/styles/definition/_tailwind3.scss +2093 -0
  151. package/styles/fabric-dark-lite.css +3734 -0
  152. package/styles/fabric-dark-lite.scss +3 -0
  153. package/styles/fabric-dark.css +1075 -169
  154. package/styles/fabric-lite.css +3734 -0
  155. package/styles/fabric-lite.scss +3 -0
  156. package/styles/fabric.css +1075 -169
  157. package/styles/fluent-dark-lite.css +2966 -0
  158. package/styles/fluent-dark-lite.scss +3 -0
  159. package/styles/fluent-dark.css +1066 -169
  160. package/styles/fluent-lite.css +2966 -0
  161. package/styles/fluent-lite.scss +3 -0
  162. package/styles/fluent.css +1066 -169
  163. package/styles/fluent2-lite.css +4017 -0
  164. package/styles/fluent2-lite.scss +3 -0
  165. package/styles/fluent2.css +4017 -0
  166. package/styles/fluent2.scss +3 -0
  167. package/styles/highcontrast-light-lite.css +3725 -0
  168. package/styles/highcontrast-light-lite.scss +3 -0
  169. package/styles/highcontrast-light.css +1075 -169
  170. package/styles/highcontrast-lite.css +3725 -0
  171. package/styles/highcontrast-lite.scss +3 -0
  172. package/styles/highcontrast.css +1075 -169
  173. package/styles/material-dark-lite.css +3702 -0
  174. package/styles/material-dark-lite.scss +3 -0
  175. package/styles/material-dark.css +1075 -169
  176. package/styles/material-lite.css +3702 -0
  177. package/styles/material-lite.scss +3 -0
  178. package/styles/material.css +1075 -169
  179. package/styles/material3-dark-lite.css +3021 -0
  180. package/styles/material3-dark-lite.scss +3 -0
  181. package/styles/material3-dark.css +1066 -170
  182. package/styles/material3-lite.css +3077 -0
  183. package/styles/material3-lite.scss +3 -0
  184. package/styles/material3.css +1066 -170
  185. package/styles/offline-theme/material-dark.css +1075 -169
  186. package/styles/offline-theme/material.css +1075 -169
  187. package/styles/offline-theme/tailwind-dark.css +1067 -170
  188. package/styles/offline-theme/tailwind.css +1067 -170
  189. package/styles/tailwind-dark-lite.css +2967 -0
  190. package/styles/tailwind-dark-lite.scss +3 -0
  191. package/styles/tailwind-dark.css +1067 -170
  192. package/styles/tailwind-lite.css +2967 -0
  193. package/styles/tailwind-lite.scss +3 -0
  194. package/styles/tailwind.css +1067 -170
  195. package/styles/tailwind3-lite.css +3775 -0
  196. package/styles/tailwind3-lite.scss +3 -0
  197. package/styles/tailwind3.css +3775 -0
  198. package/styles/tailwind3.scss +3 -0
  199. package/.eslintrc.json +0 -260
  200. package/CHANGELOG.md +0 -649
  201. package/tslint.json +0 -111
@@ -0,0 +1,1523 @@
1
+ @use 'sass:color';
2
+ @use 'sass:meta';
3
+ @use 'sass:list';
4
+ @import '../common/mixin.scss';
5
+
6
+ @function mapcolorvariable($pallete-name){
7
+ @return var(#{'--color-sf-'+ $pallete-name});
8
+ }
9
+
10
+ :root {
11
+ --color-sf-black: #000;
12
+ --color-sf-white: #fff;
13
+ --color-sf-content-bg-color: #1f1f1f;
14
+ --color-sf-content-bg-color-alt1: #292929;
15
+ --color-sf-content-bg-color-alt2: #141414;
16
+ --color-sf-content-bg-color-alt3: #333;
17
+ --color-sf-content-bg-color-alt4: #0a0a0a;
18
+ --color-sf-content-bg-color-alt5: #000;
19
+ --color-sf-content-bg-color-alt6: #050505;
20
+ --color-sf-content-bg-color-hover: var(--color-sf-content-bg-color-alt3);
21
+ --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2);
22
+ --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover);
23
+ --color-sf-content-bg-color-selected: #2e2e2e;
24
+ --color-sf-content-bg-color-dragged: #08233b;
25
+ --color-sf-content-bg-color-disabled: #141414;
26
+ --color-sf-flyout-bg-color: var(--color-sf-content-bg-color-alt1);
27
+ --color-sf-flyout-bg-color-hover: #3d3d3d;
28
+ --color-sf-flyout-bg-color-pressed: var(--color-sf-black);
29
+ --color-sf-flyout-bg-color-selected: #383838;
30
+ --color-sf-flyout-bg-color-focus: var(--color-sf-flyout-bg-color-hover);
31
+ --color-sf-overlay-bg-color: rgba($black, .4);
32
+ --color-sf-table-bg-color-hover: #383838;
33
+ --color-sf-table-bg-color-pressed: #2e2e2e;
34
+ --color-sf-table-bg-color-selected: #082338;
35
+
36
+ --color-sf-content-text-color: #fff;
37
+ --color-sf-content-text-color-alt1: #d6d6d6;
38
+ --color-sf-content-text-color-alt2: #adadad;
39
+ --color-sf-content-text-color-alt3: #999;
40
+ --color-sf-content-text-color-hover: var(--color-sf-content-text-color);
41
+ --color-sf-content-text-color-pressed: var(--color-sf-content-text-color);
42
+ --color-sf-content-text-color-focus: var(--color-sf-content-text-colo);
43
+ --color-sf-content-text-color-selected: var(--color-sf-content-text-color);
44
+ --color-sf-content-text-color-dragged: var(--color-sf-content-text-color);
45
+ --color-sf-content-text-color-disabled: #5c5c5c;
46
+ --color-sf-placeholder-text-color: var(--color-sf-content-text-color-alt3);
47
+ --color-sf-flyout-text-color: var(--color-sf-content-text-color);
48
+ --color-sf-flyout-text-color-hover: var(--color-sf-content-text-color);
49
+ --color-sf-flyout-text-color-pressed: var(--color-sf-content-text-color);
50
+ --color-sf-flyout-text-color-selected: var(--color-sf-content-text-color);
51
+ --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color);
52
+ --color-sf-flyout-text-color-disabled: var(--color-sf-content-text-color-disabled);
53
+ --color-sf-table-text-color-hover: var(--color-sf-content-text-color);
54
+ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color);
55
+ --color-sf-table-text-color-selected: var(--color-sf-content-text-color);
56
+
57
+ --color-sf-icon-color: #d6d6d6;
58
+ --color-sf-icon-color-hover: var(--color-sf-content-text-color);
59
+ --color-sf-icon-color-hover-alt: var(--color-sf-content-text-color);
60
+ --color-sf-icon-color-pressed: var(--color-sf-content-text-color);
61
+ --color-sf-icon-color-disabled: var(--color-sf-content-text-color-disabled);
62
+
63
+ --color-sf-border-light: #525252;
64
+ --color-sf-border: #666;
65
+ --color-sf-border-alt: #adadad;
66
+ --color-sf-border-dark: #757575;
67
+ --color-sf-border-hover: #757575;
68
+ --color-sf-border-pressed: #4d4d4d;
69
+ --color-sf-border-focus: var(--color-sf-border);
70
+ --color-sf-border-selected: #6b6b6b;
71
+ --color-sf-border-dragged: var(--color-sf-primary);
72
+ --color-sf-border-disabled: #424242;
73
+ --color-sf-border-warning: #bc4b09;
74
+ --color-sf-border-error: #dc626d;
75
+ --color-sf-border-success: #9fd89f;
76
+ --color-sf-border-info: #18a4c4;
77
+ --color-sf-spreadsheet-gridline: #e6e6e6;
78
+ --color-sf-flyout-border: #525252;
79
+
80
+ --color-sf-primary: #115ea3;
81
+ --color-sf-primary-text-color: #fff;
82
+ --color-sf-primary-light: #0e4775;
83
+ --color-sf-primary-lighter: #082338;
84
+ --color-sf-primary-dark: #62abf5;
85
+ --color-sf-primary-darker: #96c6fa;
86
+ --color-sf-success: #107c10;
87
+ --color-sf-info: #0099bc;
88
+ --color-sf-warning: #faa06b;
89
+ --color-sf-danger: #dc626d;
90
+ --color-sf-success-light: #094509;
91
+ --color-sf-info-light: #005669;
92
+ --color-sf-warning-light: #4a1e04;
93
+ --color-sf-danger-light: #6e0811;
94
+ --color-sf-success-dark: #c9eac9;
95
+ --color-sf-info-dark: #cdedf4;
96
+ --color-sf-warning-dark: #fee5d7;
97
+ --color-sf-danger-dark: #fee5d7;
98
+ --color-sf-success-light-alt: #052505;
99
+ --color-sf-info-light-alt: #002e38;
100
+ --color-sf-warning-light-alt: #4a1e04;
101
+ --color-sf-danger-light-alt: #3b0509;
102
+ --color-sf-badge-warning: #fde300;
103
+ --color-sf-badge-warning-text: #fde300;
104
+ --color-sf-primary-label-color: #479ef5;
105
+ --color-sf-primary-cell-selection: #ebf3fc;
106
+
107
+ --color-sf-primary-bg-color: var(--color-sf-primary);
108
+ --color-sf-primary-border-color: var(--color-sf-primary);
109
+ --color-sf-primary-text: var(--color-sf-primary-text-color);
110
+ --color-sf-primary-bg-color-hover: #0f6cbd;
111
+ --color-sf-primary-border-color-hover: var(--color-sf-primary-bg-color-hover);
112
+ --color-sf-primary-text-hover: var(--color-sf-primary-text-color);
113
+ --color-sf-primary-bg-color-pressed: #0c3b5e;
114
+ --color-sf-primary-border-color-pressed: var(--color-sf-primary-bg-color-pressed);
115
+ --color-sf-primary-text-pressed: var(--color-sf-primary-text-color);
116
+ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover);
117
+ --color-sf-primary-border-color-focus: var(--color-sf-primary-bg-color-focus);
118
+ --color-sf-primary-text-focus: var(--color-sf-primary-text-color);
119
+ --color-sf-primary-bg-color-disabled: #141414;
120
+ --color-sf-primary-border-color-disabled: var(--color-sf-primary-bg-color-disabled);
121
+ --color-sf-primary-text-disabled: var(--color-sf-content-text-color-disabled);
122
+ --color-sf-primary-bg-color-selected: #0f548c;
123
+ --color-sf-primary-border-color-selected: var(--color-sf-primary-bg-color-selected);
124
+ --color-sf-primary-text-selected: var(--color-sf-primary-text-color);
125
+
126
+ --color-sf-secondary-bg-color: #292929;
127
+ --color-sf-secondary-border-color: var(--color-sf-border);
128
+ --color-sf-secondary-text-color: var(--color-sf-content-text-color);
129
+ --color-sf-secondary-bg-color-hover: #3d3d3d;
130
+ --color-sf-secondary-border-color-hover: #757575;
131
+ --color-sf-secondary-text-color-hover: var(--color-sf-content-text-color);
132
+ --color-sf-secondary-bg-color-pressed: var(--color-sf-black);
133
+ --color-sf-secondary-border-color-pressed: #6b6b6b;
134
+ --color-sf-secondary-text-color-pressed: var(--color-sf-content-text-color);
135
+ --color-sf-secondary-bg-color-focus: #383838;
136
+ --color-sf-secondary-border-color-focus: #fff;
137
+ --color-sf-secondary-text-color-focus: var(--color-sf-content-text-color);
138
+ --color-sf-secondary-bg-color-disabled: -var(-color-sf-primary-bg-color-disabled);
139
+ --color-sf-secondary-border-color-disabled: var(--color-sf-secondary-bg-color-disabled);
140
+ --color-sf-secondary-text-color-disabled: var(--color-sf-content-text-color-disabled);
141
+ --color-sf-secondary-bg-color-selected: #383838;
142
+ --color-sf-secondary-border-color-selected: #707070;
143
+ --color-sf-secondary-text-color-selected: var(--color-sf-content-text-color);
144
+
145
+ --color-sf-success-bg-color: #218c21;
146
+ --color-sf-success-border-color: var(--color-sf-success-bg-color);
147
+ --color-sf-success-text: var(--color-sf-primary-text-color);
148
+ --color-sf-success-bg-color-hover: #0e700e;
149
+ --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
150
+ --color-sf-success-text-hover: var(--color-sf-primary-text-color);
151
+ --color-sf-success-bg-color-pressed: #052505;
152
+ --color-sf-success-border-color-pressed: var(--color-sf-success-bg-color-pressed);
153
+ --color-sf-success-text-pressed: var(--color-sf-primary-text-color);
154
+ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color);
155
+ --color-sf-success-border-color-focus: var(--color-sf-success-bg-color-focus);
156
+ --color-sf-success-text-focus: var(--color-sf-primary-text-color);
157
+ --color-sf-success-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
158
+ --color-sf-success-border-color-disabled: var(--color-sf-success-bg-color-disabled);
159
+ --color-sf-success-text-disabled: var(--color-sf-primary-text-disabled);
160
+ --color-sf-success-bg-color-selected: #094509;
161
+ --color-sf-success-border-color-selected: var(--color-sf-success-bg-color-selected);
162
+ --color-sf-success-text-selected: var(--color-sf-primary-text-color);
163
+
164
+ --color-sf-warning-bg-color: #f87528;
165
+ --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
166
+ --color-sf-warning-text: #242424;
167
+ --color-sf-warning-bg-color-hover: #de590b;
168
+ --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
169
+ --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
170
+ --color-sf-warning-bg-color-pressed: #4a1e04;
171
+ --color-sf-warning-border-color-pressed: var(--color-sf-warning-bg-color-pressed);
172
+ --color-sf-warning-text-pressed: var(--color-sf-primary-text-color);
173
+ --color-sf-warning-bg-color-focus: var(--color-sf-warning-bg-color);
174
+ --color-sf-warning-border-color-focus: var(--color-sf-warning-bg-color-focus);
175
+ --color-sf-warning-text-focus: var(--color-sf-primary-text-color);
176
+ --color-sf-warning-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
177
+ --color-sf-warning-border-color-disabled: var(--color-sf-warning-bg-color-disabled);
178
+ --color-sf-warning-text-disabled: var(--color-sf-primary-text-disabled);
179
+ --color-sf-warning-bg-color-selected: #8a3707;
180
+ --color-sf-warning-border-color-selected: var(--color-sf-warning-bg-color-selected);
181
+ --color-sf-warning-text-selected: var(--color-sf-primary-text-color);
182
+
183
+ --color-sf-info-bg-color: #18a4c4;
184
+ --color-sf-info-border-color: var(--color-sf-info-bg-color);
185
+ --color-sf-info-text: #242424;
186
+ --color-sf-info-bg-color-hover: var(--color-sf-info-bg-color);
187
+ --color-sf-info-border-color-hover: var(--color-sf-info-bg-color-hover);
188
+ --color-sf-info-text-hover: var(--color-sf-primary-text-color);
189
+ --color-sf-info-bg-color-pressed: #002e38;
190
+ --color-sf-info-border-color-pressed: var(--color-sf-info-bg-color-pressed);
191
+ --color-sf-info-text-pressed: var(--color-sf-primary-text-color);
192
+ --color-sf-info-bg-color-focus: var(--color-sf-info-bg-color);
193
+ --color-sf-info-border-color-focus: var(--color-sf-info-bg-color-focus);
194
+ --color-sf-info-text-focus: var(--color-sf-primary-text-color);
195
+ --color-sf-info-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
196
+ --color-sf-info-border-color-disabled: var(--color-sf-info-bg-color-disabled);
197
+ --color-sf-info-text-disabled: var(--color-sf-primary-text-disabled);
198
+ --color-sf-info-bg-color-selected: #005669;
199
+ --color-sf-info-border-color-selected: var(--color-sf-info-bg-color-selected);
200
+ --color-sf-info-text-selected: var(--color-sf-primary-text-color);
201
+
202
+ --color-sf-danger-bg-color: #cc2635;
203
+ --color-sf-danger-border-color: var(--color-sf-danger-bg-color);
204
+ --color-sf-danger-text: var(--color-sf-primary-text-color);
205
+ --color-sf-danger-bg-color-hover: var(--color-sf-danger-bg-color);
206
+ --color-sf-danger-border-color-hover: var(--color-sf-danger-bg-color-hover);
207
+ --color-sf-danger-text-hover: var(--color-sf-primary-text-color);
208
+ --color-sf-danger-bg-color-pressed: #3b0509;
209
+ --color-sf-danger-border-color-pressed: var(--color-sf-danger-bg-color-pressed);
210
+ --color-sf-danger-text-pressed: var(--color-sf-primary-text-color);
211
+ --color-sf-danger-bg-color-focus: var(--color-sf-danger-bg-color);
212
+ --color-sf-danger-border-color-focus: var(--color-sf-danger-bg-color-focus);
213
+ --color-sf-danger-text-focus: var(--color-sf-primary-text-color);
214
+ --color-sf-danger-bg-color-disabled: var(--color-sf-primary-bg-color-disabled);
215
+ --color-sf-danger-border-color-disabled: var(--color-sf-danger-bg-color-disabled);
216
+ --color-sf-danger-text-disabled: var(--color-sf-primary-text-disabled);
217
+ --color-sf-danger-bg-color-selected: #6e0811;
218
+ --color-sf-danger-border-color-selected: var(--color-sf-danger-bg-color-selected);
219
+ --color-sf-danger-text-selected: var(--color-sf-primary-text-color);
220
+
221
+ --color-sf-primary-outline: var(--color-sf-primary);
222
+ --color-sf-secondary-outline: var(--color-sf-secondary-border-color);
223
+ --color-sf-warning-outline: #f7630c;
224
+ --color-sf-danger-outline: #c50f1f;
225
+ --color-sf-success-outline: #107c10;
226
+ --color-sf-info-outline: #0099bc;
227
+
228
+ --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
229
+ --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
230
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
231
+
232
+ --color-sf-toast-text-color: var(--color-sf-content-text-color);
233
+ --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
234
+
235
+ --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
236
+ --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
237
+ --color-sf-appbar-border-color-alt1: var(--color-sf-content-bg-color-alt2);
238
+ --color-sf-appbar-hover-bg-color-alt1: transparent;
239
+
240
+ --color-sf-appbar-bg-color-alt2: #f5f5f5;
241
+ --color-sf-appbar-color-alt2: #242424;
242
+ --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
243
+ --color-sf-appbar-hover-bg-color-alt2: transparent;
244
+
245
+ --color-sf-diagram-palette-background: #e0e0e0;
246
+ --color-sf-diagram-palette-hover-background: #bdbdbd;
247
+ --color-sf-diagram-palette-selected-background: var(--color-sf-diagram-palette-hover-background);
248
+
249
+ --color-sf-rating-selected-color: #fff;
250
+ --color-sf-rating-unrated-color: var(--color-sf-content-text-color);
251
+ --color-sf-rating-selected-disabled-color: #575757;
252
+ --color-sf-rating-unrated-disabled-color: #4d4d4d;
253
+ --color-sf-rating-selected-hover-color: #2886de;
254
+ --color-sf-rating-unrated-hover-color: #115ea3;
255
+ --color-sf-rating-pressed-color: #479ef5;
256
+
257
+ --color-sf-msg-color: var(--color-sf-content-text-color);
258
+ --color-sf-msg-bg-color: var(--color-sf-content-bg-color-alt2);
259
+ --color-sf-msg-border-color: var(--color-sf-border);
260
+ --color-sf-msg-color-alt1: var(--color-sf-content-text-color);
261
+ --color-sf-msg-bg-color-alt1: transparent;
262
+ --color-sf-msg-border-color-alt1: #666666;
263
+ --color-sf-msg-color-alt2: #242424;
264
+ --color-sf-msg-bg-color-alt2: #c2c2c2;
265
+ --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2);
266
+ --color-sf-msg-icon-color: var(--color-sf-msg-bg-color-alt2);
267
+ --color-sf-msg-icon-color-alt1: var(--color-sf-msg-icon-color);
268
+ --color-sf-msg-icon-color-alt2: #fff;
269
+ --color-sf-msg-close-icon-color: var(--color-sf-content-text-color-alt1);
270
+ --color-sf-msg-close-icon-color-alt1: var(--color-sf-msg-close-icon-color);
271
+ --color-sf-msg-close-icon-color-alt2: #fff;
272
+
273
+ --color-sf-msg-success-color: var(--color-sf-content-text-color);
274
+ --color-sf-msg-success-bg-color: #052505;
275
+ --color-sf-msg-success-border-color: #107c10;
276
+ --color-sf-msg-success-color-alt1: #54b054;
277
+ --color-sf-msg-success-bg-color-alt1: transparent;
278
+ --color-sf-msg-success-border-color-alt1: #218c21;
279
+ --color-sf-msg-success-color-alt2: #fff;
280
+ --color-sf-msg-success-bg-color-alt2: #107c10;
281
+ --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2);
282
+ --color-sf-msg-success-icon-color: #54b054;
283
+ --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-icon-color);
284
+ --color-sf-msg-success-icon-color-alt2: #fff;
285
+ --color-sf-msg-success-close-icon-color: var(--color-sf-content-text-color-alt1);
286
+ --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-msg-success-close-icon-color-alt1);
287
+ --color-sf-msg-success-close-icon-color-alt2: #fff;
288
+
289
+ --color-sf-msg-danger-color: var(--color-sf-content-text-color);
290
+ --color-sf-msg-danger-bg-color: #3b0509;
291
+ --color-sf-msg-danger-border-color: #c50f1f;
292
+ --color-sf-msg-danger-color-alt1: #dc626d;
293
+ --color-sf-msg-danger-bg-color-alt1: transparent;
294
+ --color-sf-msg-danger-border-color-alt1: #d33f4c;
295
+ --color-sf-msg-danger-color-alt2: #fff;
296
+ --color-sf-msg-danger-bg-color-alt2: #c50f1f;
297
+ --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2);
298
+ --color-sf-msg-danger-icon-color: #dc626d;
299
+ --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-icon-color);
300
+ --color-sf-msg-danger-icon-color-alt2: #fff;
301
+ --color-sf-msg-danger-close-icon-color: var(--color-sf-content-text-color-alt1);
302
+ --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-msg-danger-close-icon-color-alt1);
303
+ --color-sf-msg-danger-close-icon-color-alt2: #fff;
304
+
305
+ --color-sf-msg-info-color: var(--color-sf-content-text-color);
306
+ --color-sf-msg-info-bg-color: #002e38;
307
+ --color-sf-msg-info-border-color: #0099bc;
308
+ --color-sf-msg-info-color-alt1: #56bfd7;
309
+ --color-sf-msg-info-bg-color-alt1: transparent;
310
+ --color-sf-msg-info-border-color-alt1: #31afdd;
311
+ --color-sf-msg-info-color-alt2: #fff;
312
+ --color-sf-msg-info-bg-color-alt2: #0099bc;
313
+ --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2);
314
+ --color-sf-msg-info-icon-color: #56bfd7;
315
+ --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-icon-color);
316
+ --color-sf-msg-info-icon-color-alt2: #fff;
317
+ --color-sf-msg-info-close-icon-color: var(--color-sf-content-text-color-alt1);
318
+ --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-msg-info-close-icon-color-alt1);
319
+ --color-sf-msg-info-close-icon-color-alt2: #fff;
320
+
321
+ --color-sf-msg-warning-color: var(--color-sf-content-text-color);
322
+ --color-sf-msg-warning-bg-color: #411200;
323
+ --color-sf-msg-warning-border-color: #da3b01;
324
+ --color-sf-msg-warning-color-alt1: #e9835e;
325
+ --color-sf-msg-warning-bg-color-alt1: transparent;
326
+ --color-sf-msg-warning-border-color-alt1: #e36537;
327
+ --color-sf-msg-warning-color-alt2: #fff;
328
+ --color-sf-msg-warning-bg-color-alt2: #da3b01;
329
+ --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2);
330
+ --color-sf-msg-warning-icon-color: #e9835e;
331
+ --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-icon-color);
332
+ --color-sf-msg-warning-icon-color-alt2: #fff;
333
+ --color-sf-msg-warning-close-icon-color: var(--color-sf-content-text-color-alt1);
334
+ --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-msg-warning-close-icon-color-alt1);
335
+ --color-sf-msg-warning-close-icon-color-alt2: #fff;
336
+ --color-sf-shadow-color: #{#fff};
337
+ --color-sf-shadow-color1: #{#000};
338
+
339
+ --color-sf-link-button: var(--color-sf-primary);
340
+ --color-sf-link-button-hover: #{#0f6cbd};
341
+ --color-sf-link-button-pressed: #{#115ea3};
342
+ --color-sf-link-button-focus: #{#115ea3};
343
+ --color-sf-link-button-border-focus: #{#fff};
344
+
345
+ --color-sf-chip-bg-color: #{#141414};
346
+ --color-sf-chip-border-color: #{#141414};
347
+ --color-sf-chip-bg-disabled: #{#141414};
348
+ --color-sf-chip-border-disabled: #{#00000000};
349
+
350
+ --color-sf-secondary-outline-button-text-color-hover: #{#fff};
351
+ --color-sf-secondary-outline-button-text-color-pressed: #{#fff};
352
+ --color-sf-secondary-outline-button-text-color-selected: #{#fff};
353
+ --color-sf-secondary-outline-button-text-color-focus: #{#fff};
354
+
355
+ --color-sf-slider-shadow1: #{#000};
356
+ --color-sf-slider-shadow2: #{#666666};
357
+ --color-sf-slider-disabled: #{#666666};
358
+ --color-sf-slider-border-color: #{#ffffff00};
359
+ --color-sf-slider-bg-disabled: #{#525252};
360
+
361
+ --color-sf-toggle-switch-border-disabled: #{#141414};
362
+
363
+ --color-sf-calendar-icon-color: #{#1153a3};
364
+ --color-sf-calendar-header-text-color-pressed: #{#62abf5};
365
+ --color-sf-calendar-today-bg-color: #{#1153a3};
366
+
367
+ --color-sf-dialog-border: #{#1f1f1f};
368
+
369
+ --color-sf-badge-light-bg-color: #333333;
370
+ --color-sf-secondary-badge-border-color: #292929;
371
+ --color-sf-secondary-badge-bg-color: #292929;
372
+ --color-sf-secondary-badge-bg-color-focus: #292929;
373
+
374
+ --color-sf-skeleton-bg-color: #575757;
375
+
376
+ --color-sf-tab-selected-bg-color-disabled: #115ea3;
377
+ --color-sf-tab-selected-text-color-disabled: #a3a3a3;
378
+ --color-sf-ribbon-border-color: #00000000;
379
+ --color-sf-toolbar-icon-color: #479ef5;
380
+ --color-sf-contextual-text: #fff;
381
+ --color-sf-cell-selection-bg-color: #08233b;
382
+ --color-sf-document-editor-border-color: #00000000;
383
+ --color-sf-holiday-bg-color: #141414;
384
+ --color-sf-taskbar-bg: #b4d6fa;
385
+ --color-sf-taskbar-border: #0f6cbd;
386
+ --color-sf-taskbar-progress: #0f6cbd;
387
+ --color-sf-sort-bg-color: #333333;
388
+ }
389
+
390
+ $content-bg-color: mapcolorvariable('content-bg-color') !default;
391
+ $content-bg-color-alt1: mapcolorvariable('content-bg-color-alt1') !default;
392
+ $content-bg-color-alt2: mapcolorvariable('content-bg-color-alt2') !default;
393
+ $content-bg-color-alt3: mapcolorvariable('content-bg-color-alt3') !default;
394
+ $content-bg-color-alt4: mapcolorvariable('content-bg-color-alt4') !default;
395
+ $content-bg-color-alt5: mapcolorvariable('content-bg-color-alt5') !default;
396
+ $content-bg-color-alt6: mapcolorvariable('content-bg-color-alt6') !default;
397
+ $content-bg-color-hover: mapcolorvariable('content-bg-color-hover') !default;
398
+ $content-bg-color-pressed: mapcolorvariable('content-bg-color-pressed') !default;
399
+ $content-bg-color-focus: mapcolorvariable('content-bg-color-focus') !default;
400
+ $content-bg-color-selected: mapcolorvariable('content-bg-color-selected') !default;
401
+ $content-bg-color-dragged: mapcolorvariable('content-bg-color-dragged') !default;
402
+ $content-bg-color-disabled: mapcolorvariable('content-bg-color-disabled') !default;
403
+ $flyout-bg-color: mapcolorvariable('flyout-bg-color') !default;
404
+ $flyout-bg-color-hover: mapcolorvariable('flyout-bg-color-hover') !default;
405
+ $flyout-bg-color-pressed: mapcolorvariable('flyout-bg-color-pressed') !default;
406
+ $flyout-bg-color-selected: mapcolorvariable('flyout-bg-color-selected') !default;
407
+ $flyout-bg-color-focus: mapcolorvariable('flyout-bg-color-focus') !default;
408
+ $overlay-bg: mapcolorvariable('overlay-bg-color');
409
+ $table-bg-color-hover: mapcolorvariable('table-bg-color-hover') !default;
410
+ $table-bg-color-pressed: mapcolorvariable('table-bg-color-pressed') !default;
411
+ $table-bg-color-selected: mapcolorvariable('table-bg-color-selected') !default;
412
+
413
+ $content-text-color: mapcolorvariable('content-text-color') !default;
414
+ $content-text-color-alt1: mapcolorvariable('content-text-color-alt1') !default;
415
+ $content-text-color-alt2: mapcolorvariable('content-text-color-alt2') !default;
416
+ $content-text-color-alt3: mapcolorvariable('content-text-color-alt3') !default;
417
+ $content-text-color-hover: mapcolorvariable('content-text-color-hover') !default;
418
+ $content-text-color-pressed: mapcolorvariable('content-text-color-pressed') !default;
419
+ $content-text-color-focus: mapcolorvariable('content-text-color-focus') !default;
420
+ $content-text-color-selected: mapcolorvariable('content-text-color-selected') !default;
421
+ $content-text-color-dragged: mapcolorvariable('content-text-color-dragged') !default;
422
+ $content-text-color-disabled: mapcolorvariable('content-text-color-disabled') !default;
423
+ $placeholder-text-color: mapcolorvariable('placeholder-text-color') !default;
424
+ $flyout-text-color: mapcolorvariable('flyout-text-color') !default;
425
+ $flyout-text-color-hover: mapcolorvariable('flyout-text-color-hover') !default;
426
+ $flyout-text-color-pressed: mapcolorvariable('flyout-text-color-pressed') !default;
427
+ $flyout-text-color-selected: mapcolorvariable('flyout-text-color-selected') !default;
428
+ $flyout-text-color-focus: mapcolorvariable('flyout-text-color-focus') !default;
429
+ $flyout-text-color-disabled: mapcolorvariable('flyout-text-color-disabled') !default;
430
+ $table-text-color-hover: mapcolorvariable('table-text-color-hover') !default;
431
+ $table-text-color-pressed: mapcolorvariable('table-text-color-pressed') !default;
432
+ $table-text-color-selected: mapcolorvariable('table-text-color-selected') !default;
433
+
434
+ $icon-color: mapcolorvariable('icon-color') !default;
435
+ $icon-color-hover: mapcolorvariable('icon-color-hover') !default;
436
+ $icon-color-hover-alt: mapcolorvariable('icon-color-hover-alt') !default;
437
+ $icon-color-pressed: mapcolorvariable('icon-color-pressed') !default;
438
+ $icon-color-disabled: mapcolorvariable('icon-color-disabled') !default;
439
+
440
+ $border-light: mapcolorvariable('border-light') !default;
441
+ $border: mapcolorvariable('border') !default;
442
+ $border-alt: mapcolorvariable('border-alt') !default;
443
+ $border-dark: mapcolorvariable('border-dark') !default;
444
+ $border-hover: mapcolorvariable('border-hover') !default;
445
+ $border-pressed: mapcolorvariable('border-pressed') !default;
446
+ $border-focus: mapcolorvariable('border-focus') !default;
447
+ $border-selected: mapcolorvariable('border-selected') !default;
448
+ $border-dragged:mapcolorvariable('border-dragged') !default;
449
+ $border-disabled: mapcolorvariable('border-disabled') !default;
450
+ $border-warning: mapcolorvariable('border-warning') !default;
451
+ $border-error: mapcolorvariable('border-error') !default;
452
+ $border-success: mapcolorvariable('border-success') !default;
453
+ $border-info: mapcolorvariable('border-info') !default;
454
+ $spreadsheet-gridline: mapcolorvariable('spreadsheet-gridline') !default;
455
+ $flyout-border: mapcolorvariable('flyout-border') !default;
456
+
457
+ $primary: mapcolorvariable('primary') !default;
458
+ $primary-text-color: mapcolorvariable('primary-text-color') !default;
459
+ $primary-light: mapcolorvariable('primary-light') !default;
460
+ $primary-lighter: mapcolorvariable('primary-lighter') !default;
461
+ $primary-dark: mapcolorvariable('primary-dark') !default;
462
+ $primary-darker: mapcolorvariable('primary-darker') !default;
463
+ $success: mapcolorvariable('success') !default;
464
+ $info: mapcolorvariable('info') !default;
465
+ $warning: mapcolorvariable('warning') !default;
466
+ $danger: mapcolorvariable('danger') !default;
467
+ $success-light: mapcolorvariable('success-light') !default;
468
+ $info-light: mapcolorvariable('info-light') !default;
469
+ $warning-light: mapcolorvariable('warning-light') !default;
470
+ $danger-light: mapcolorvariable('danger-light') !default;
471
+ $success-dark: mapcolorvariable('success-dark') !default;
472
+ $info-dark: mapcolorvariable('info-dark') !default;
473
+ $warning-dark: mapcolorvariable('warning-dark') !default;
474
+ $danger-dark: mapcolorvariable('danger-dark') !default;
475
+ $success-light-alt: mapcolorvariable('success-light-alt') !default;
476
+ $info-light-alt: mapcolorvariable('info-light-alt') !default;
477
+ $warning-light-alt: mapcolorvariable('warning-light-alt') !default;
478
+ $danger-light-alt: mapcolorvariable('danger-light-alt') !default;
479
+ $badge-warning: mapcolorvariable('badge-warning') !default;
480
+ $badge-warning-text: mapcolorvariable('badge-warning-text') !default;
481
+ $primary-label-color: mapcolorvariable('primary-label-color') !default;
482
+ $primary-cell-selection : mapcolorvariable('primary-cell-selection') !default;
483
+
484
+ $primary-bg-color: mapcolorvariable('primary-bg-color') !default;
485
+ $primary-border-color: mapcolorvariable('primary-border-color') !default;
486
+ $primary-text: mapcolorvariable('primary-text') !default;
487
+ $primary-bg-color-hover: mapcolorvariable('primary-bg-color-hover') !default;
488
+ $primary-border-color-hover: mapcolorvariable('primary-border-color-hover') !default;
489
+ $primary-text-hover: mapcolorvariable('primary-text-hover') !default;
490
+ $primary-bg-color-pressed: mapcolorvariable('primary-bg-color-pressed') !default;
491
+ $primary-border-color-pressed: mapcolorvariable('primary-border-color-pressed') !default;
492
+ $primary-text-pressed: mapcolorvariable('primary-text-pressed') !default;
493
+ $primary-bg-color-focus: mapcolorvariable('primary-bg-color-focus') !default;
494
+ $primary-border-color-focus: mapcolorvariable('primary-border-color-focus') !default;
495
+ $primary-text-focus: mapcolorvariable('primary-text-focus') !default;
496
+ $primary-bg-color-disabled: mapcolorvariable('primary-bg-color-disabled') !default;
497
+ $primary-border-color-disabled: mapcolorvariable('primary-border-color-disabled') !default;
498
+ $primary-text-disabled: mapcolorvariable('primary-text-disabled') !default;
499
+ $primary-bg-color-selected: mapcolorvariable('primary-bg-color-selected') !default;
500
+ $primary-border-color-selected: mapcolorvariable('primary-border-color-selected') !default;
501
+ $primary-text-selected: mapcolorvariable('primary-text-selected') !default;
502
+
503
+ $secondary-bg-color: mapcolorvariable('secondary-bg-color') !default;
504
+ $secondary-border-color: mapcolorvariable('secondary-border-color') !default;
505
+ $secondary-text: mapcolorvariable('secondary-text-color') !default;
506
+ $secondary-bg-color-hover: mapcolorvariable('secondary-bg-color-hover') !default;
507
+ $secondary-border-color-hover: mapcolorvariable('secondary-border-color-hover') !default;
508
+ $secondary-text-hover: mapcolorvariable('secondary-text-color-hover') !default;
509
+ $secondary-bg-color-pressed: mapcolorvariable('secondary-bg-color-pressed') !default;
510
+ $secondary-border-color-pressed: mapcolorvariable('secondary-border-color-pressed') !default;
511
+ $secondary-text-pressed: mapcolorvariable('secondary-text-color-pressed') !default;
512
+ $secondary-bg-color-focus: mapcolorvariable('secondary-bg-color-focus') !default;
513
+ $secondary-border-color-focus: mapcolorvariable('secondary-border-color-focus') !default;
514
+ $secondary-text-focus: mapcolorvariable('secondary-text-color-focus') !default;
515
+ $secondary-bg-color-disabled: mapcolorvariable('secondary-bg-color-disabled') !default;
516
+ $secondary-border-color-disabled: mapcolorvariable('secondary-border-color-disabled') !default;
517
+ $secondary-text-disabled: mapcolorvariable('secondary-text-color-disabled') !default;
518
+ $secondary-bg-color-selected: mapcolorvariable('secondary-bg-color-selected') !default;
519
+ $secondary-border-color-selected: mapcolorvariable('secondary-border-color-selected') !default;
520
+ $secondary-text-selected: mapcolorvariable('secondary-text-color-selected') !default;
521
+
522
+ $success-bg-color: mapcolorvariable('success-bg-color') !default;
523
+ $success-border-color: mapcolorvariable('success-border-color') !default;
524
+ $success-text: mapcolorvariable('success-text') !default;
525
+ $success-bg-color-hover: mapcolorvariable('success-bg-color-hover') !default;
526
+ $success-border-color-hover: mapcolorvariable('success-border-color-hover') !default;
527
+ $success-text-hover: mapcolorvariable('success-text-hover') !default;
528
+ $success-bg-color-pressed: mapcolorvariable('success-bg-color-pressed') !default;
529
+ $success-border-color-pressed: mapcolorvariable('success-border-color-pressed') !default;
530
+ $success-text-pressed: mapcolorvariable('success-text-pressed') !default;
531
+ $success-bg-color-focus: mapcolorvariable('success-bg-color-focus') !default;
532
+ $success-border-color-focus: mapcolorvariable('success-border-color-focus') !default;
533
+ $success-text-focus: mapcolorvariable('success-text-focus') !default;
534
+ $success-bg-color-disabled: mapcolorvariable('success-bg-color-disabled') !default;
535
+ $success-border-color-disabled: mapcolorvariable('success-border-color-disabled') !default;
536
+ $success-text-disabled: mapcolorvariable('success-text-disabled') !default;
537
+ $success-bg-color-selected: mapcolorvariable('success-bg-color-selected') !default;
538
+ $success-border-color-selected: mapcolorvariable('success-border-color-selected') !default;
539
+ $success-text-selected: mapcolorvariable('success-text-selected') !default;
540
+
541
+ $warning-bg-color: mapcolorvariable('warning-bg-color') !default;
542
+ $warning-border-color: mapcolorvariable('warning-border-color') !default;
543
+ $warning-text: mapcolorvariable('warning-text') !default;
544
+ $warning-bg-color-hover: mapcolorvariable('warning-bg-color-hover') !default;
545
+ $warning-border-color-hover: mapcolorvariable('warning-border-color-hover') !default;
546
+ $warning-text-hover: mapcolorvariable('warning-text-hover') !default;
547
+ $warning-bg-color-pressed: mapcolorvariable('warning-bg-color-pressed') !default;
548
+ $warning-border-color-pressed: mapcolorvariable('warning-border-color-pressed') !default;
549
+ $warning-text-pressed: mapcolorvariable('warning-text-pressed') !default;
550
+ $warning-bg-color-focus: mapcolorvariable('warning-bg-color-focus') !default;
551
+ $warning-border-color-focus: mapcolorvariable('warning-border-color-focus') !default;
552
+ $warning-text-focus: mapcolorvariable('warning-text-focus') !default;
553
+ $warning-bg-color-disabled: mapcolorvariable('warning-bg-color-disabled') !default;
554
+ $warning-border-color-disabled: mapcolorvariable('warning-border-color-disabled') !default;
555
+ $warning-text-disabled: mapcolorvariable('warning-text-disabled') !default;
556
+ $warning-bg-color-selected: mapcolorvariable('warning-bg-color-selected') !default;
557
+ $warning-border-color-selected: mapcolorvariable('warning-border-color-selected') !default;
558
+ $warning-text-selected: mapcolorvariable('warning-text-selected') !default;
559
+
560
+ $info-bg-color: mapcolorvariable('info-bg-color') !default;
561
+ $info-border-color: mapcolorvariable('info-border-color') !default;
562
+ $info-text: mapcolorvariable('info-text') !default;
563
+ $info-bg-color-hover: mapcolorvariable('info-bg-color-hover') !default;
564
+ $info-border-color-hover: mapcolorvariable('info-border-color-hover') !default;
565
+ $info-text-hover: mapcolorvariable('info-text-hover') !default;
566
+ $info-bg-color-pressed: mapcolorvariable('info-bg-color-pressed') !default;
567
+ $info-border-color-pressed: mapcolorvariable('info-border-color-pressed') !default;
568
+ $info-text-pressed: mapcolorvariable('info-text-pressed') !default;
569
+ $info-bg-color-focus: mapcolorvariable('info-bg-color-focus') !default;
570
+ $info-border-color-focus: mapcolorvariable('info-border-color-focus') !default;
571
+ $info-text-focus: mapcolorvariable('info-text-focus') !default;
572
+ $info-bg-color-disabled: mapcolorvariable('info-bg-color-disabled') !default;
573
+ $info-border-color-disabled: mapcolorvariable('info-border-color-disabled') !default;
574
+ $info-text-disabled: mapcolorvariable('info-text-disabled') !default;
575
+ $info-bg-color-selected: mapcolorvariable('info-bg-color-selected') !default;
576
+ $info-border-color-selected: mapcolorvariable('info-border-color-selected') !default;
577
+ $info-text-selected: mapcolorvariable('info-text-selected') !default;
578
+
579
+ $danger-bg-color: mapcolorvariable('danger-bg-color') !default;
580
+ $danger-border-color: mapcolorvariable('danger-border-color') !default;
581
+ $danger-text: mapcolorvariable('danger-text') !default;
582
+ $danger-bg-color-hover: mapcolorvariable('danger-bg-color-hover') !default;
583
+ $danger-border-color-hover: mapcolorvariable('danger-border-color-hover') !default;
584
+ $danger-text-hover: mapcolorvariable('danger-text-hover') !default;
585
+ $danger-bg-color-pressed: mapcolorvariable('danger-bg-color-pressed') !default;
586
+ $danger-border-color-pressed: mapcolorvariable('danger-border-color-pressed') !default;
587
+ $danger-text-pressed: mapcolorvariable('danger-text-pressed') !default;
588
+ $danger-bg-color-focus: mapcolorvariable('danger-bg-color-focus') !default;
589
+ $danger-border-color-focus: mapcolorvariable('danger-border-color-focus') !default;
590
+ $danger-text-focus: mapcolorvariable('danger-text-focus') !default;
591
+ $danger-bg-color-disabled: mapcolorvariable('danger-bg-color-disabled') !default;
592
+ $danger-border-color-disabled: mapcolorvariable('danger-border-color-disabled') !default;
593
+ $danger-text-disabled: mapcolorvariable('danger-text-disabled') !default;
594
+ $danger-bg-color-selected: mapcolorvariable('danger-bg-color-selected') !default;
595
+ $danger-border-color-selected: mapcolorvariable('danger-border-color-selected') !default;
596
+ $danger-text-selected: mapcolorvariable('danger-text-selected') !default;
597
+
598
+ $primary-outline: mapcolorvariable('primary-outline') !default;
599
+ $secondary-outline: mapcolorvariable('secondary-outline') !default;
600
+ $warning-outline: mapcolorvariable('warning-outline') !default;
601
+ $danger-outline: mapcolorvariable('danger-outline') !default;
602
+ $success-outline: mapcolorvariable('success-outline') !default;
603
+ $info-outline: mapcolorvariable('info-outline') !default;
604
+
605
+ $tooltip-bg-color: mapcolorvariable('tooltip-bg-color') !default;
606
+ $tooltip-border: mapcolorvariable('tooltip-border') !default;
607
+ $tooltip-text-color: mapcolorvariable('tooltip-text-color') !default;
608
+
609
+ $toast-text-color: mapcolorvariable('toast-text-color') !default;
610
+ $toast-alt-text-color:mapcolorvariable('toase-alt-text-color') !default;
611
+
612
+ $appbar-bg-color-alt1: mapcolorvariable('appbar-bg-color-alt1') !default;
613
+ $appbar-color-alt1:mapcolorvariable('appbar-color-alt1') !default;
614
+ $appbar-border-color-alt1: mapcolorvariable('appbar-border-color-alt1') !default;
615
+ $appbar-hover-bg-color-alt1: mapcolorvariable('appbar-hover-bg-color-alt1') !default;
616
+
617
+ $appbar-bg-color-alt2: mapcolorvariable('appbar-bg-color-alt2') !default;
618
+ $appbar-color-alt2: mapcolorvariable('appbar-color-alt2') !default;
619
+ $appbar-border-color-alt2: mapcolorvariable('appbar-border-color-alt2') !default;
620
+ $appbar-hover-bg-color-alt2: mapcolorvariable('appbar-hover-bg-color-alt2') !default;
621
+
622
+ $diagram-palette-background: mapcolorvariable('diagram-palette-background') !default;
623
+ $diagram-palette-hover-background: mapcolorvariable('diagram-palette-hover-background') !default;
624
+ $diagram-palette-selected-background: mapcolorvariable('diagram-palette-selected-background') !default;
625
+
626
+ $rating-selected-color:mapcolorvariable('rating-selected-color') !default;
627
+ $rating-unrated-color: mapcolorvariable('rating-unrated-color') !default;
628
+ $rating-selected-disabled-color: mapcolorvariable('rating-selected-disabled-color') !default;
629
+ $rating-unrated-disabled-color: mapcolorvariable('rating-unrated-disabled-color') !default;
630
+ $rating-selected-hover-color: mapcolorvariable('rating-selected-hover-color') !default;
631
+ $rating-unrated-hover-color: mapcolorvariable('rating-unrated-hover-color') !default;
632
+ $rating-pressed-color: mapcolorvariable('rating-pressed-color') !default;
633
+
634
+ $msg-color: mapcolorvariable('msg-color') !default;
635
+ $msg-bg-color: mapcolorvariable('msg-bg-color') !default;
636
+ $msg-border-color:mapcolorvariable('msg-border-color') !default;
637
+ $msg-color-alt1: mapcolorvariable('msg-color-alt1') !default;
638
+ $msg-bg-color-alt1: mapcolorvariable('msg-bg-color-alt1') !default;
639
+ $msg-border-color-alt1: mapcolorvariable('msg-border-color-alt1') !default;
640
+ $msg-color-alt2: mapcolorvariable('msg-color-alt2') !default;
641
+ $msg-bg-color-alt2: mapcolorvariable('msg-bg-color-alt2') !default;
642
+ $msg-border-color-alt2: mapcolorvariable('msg-border-color-alt2') !default;
643
+ $msg-icon-color: mapcolorvariable('msg-icon-color') !default;
644
+ $msg-icon-color-alt1: mapcolorvariable('msg-icon-color-alt1') !default;
645
+ $msg-icon-color-alt2: mapcolorvariable('msg-icon-color-alt2') !default;
646
+
647
+ $msg-close-icon-color: mapcolorvariable('msg-close-icon-color') !default;
648
+ $msg-close-icon-color-alt1: mapcolorvariable('msg-close-icon-color-alt21') !default;
649
+ $msg-close-icon-color-alt2: mapcolorvariable('msg-close-icon-color-alt2') !default;
650
+
651
+ $msg-success-color: mapcolorvariable('msg-success-color') !default;
652
+ $msg-success-bg-color: mapcolorvariable('msg-success-bg-color') !default;
653
+ $msg-success-border-color: mapcolorvariable('msg-success-border-color') !default;
654
+ $msg-success-color-alt1: mapcolorvariable('msg-success-color-alt1') !default;
655
+ $msg-success-bg-color-alt1: mapcolorvariable('msg-success-bg-color-alt1') !default;
656
+ $msg-success-border-color-alt1: mapcolorvariable('msg-success-border-color-alt1') !default;
657
+ $msg-success-color-alt2: mapcolorvariable('msg-success-color-alt2') !default;
658
+ $msg-success-bg-color-alt2: mapcolorvariable('msg-success-bg-color-alt2') !default;
659
+ $msg-success-border-color-alt2: mapcolorvariable('msg-success-border-color-alt2') !default;
660
+
661
+ $msg-success-icon-color: mapcolorvariable('msg-success-icon-color') !default;
662
+ $msg-success-icon-color-alt1:mapcolorvariable('msg-success-icon-color-alt1') !default;
663
+ $msg-success-icon-color-alt2: mapcolorvariable('msg-success-icon-color-alt2') !default;
664
+
665
+ $msg-success-close-icon-color: mapcolorvariable('msg-success-close-icon-color') !default;
666
+ $msg-success-close-icon-color-alt1: mapcolorvariable('msg-success-close-icon-color-alt1') !default;
667
+ $msg-success-close-icon-color-alt2: mapcolorvariable('msg-success-close-icon-color-alt2') !default;
668
+
669
+ $msg-danger-color: mapcolorvariable('msg-danger-color') !default;
670
+ $msg-danger-bg-color: mapcolorvariable('msg-danger-bg-color') !default;
671
+ $msg-danger-border-color: mapcolorvariable('msg-danger-border-color') !default;
672
+ $msg-danger-color-alt1: mapcolorvariable('msg-danger-color-alt1') !default;
673
+ $msg-danger-bg-color-alt1: mapcolorvariable('msg-danger-bg-color-alt1') !default;
674
+ $msg-danger-border-color-alt1: mapcolorvariable('msg-danger-border-color-alt1') !default;
675
+ $msg-danger-color-alt2: mapcolorvariable('msg-danger-color-alt2') !default;
676
+ $msg-danger-bg-color-alt2: mapcolorvariable('msg-danger-bg-color-alt2') !default;
677
+ $msg-danger-border-color-alt2: mapcolorvariable('msg-danger-border-color-alt2') !default;
678
+
679
+ $msg-danger-icon-color: mapcolorvariable('msg-danger-icon-color') !default;
680
+ $msg-danger-icon-color-alt1: mapcolorvariable('msg-danger-icon-color-alt1') !default;
681
+ $msg-danger-icon-color-alt2: mapcolorvariable('msg-danger-icon-color-alt2') !default;
682
+
683
+ $msg-danger-close-icon-color: mapcolorvariable('msg-danger-close-icon-color') !default;
684
+ $msg-danger-close-icon-color-alt1: mapcolorvariable('msg-danger-close-icon-color-alt1') !default;
685
+ $msg-danger-close-icon-color-alt2: mapcolorvariable('msg-danger-close-icon-color-alt2') !default;
686
+
687
+ $msg-info-color: mapcolorvariable('msg-info-color') !default;
688
+ $msg-info-bg-color: mapcolorvariable('msg-info-bg-color') !default;
689
+ $msg-info-border-color: mapcolorvariable('msg-info-border-color') !default;
690
+ $msg-info-color-alt1: mapcolorvariable('msg-info-color-alt1') !default;
691
+ $msg-info-bg-color-alt1: mapcolorvariable('msg-info-bg-color-alt1') !default;
692
+ $msg-info-border-color-alt1: mapcolorvariable('msg-info-border-color-alt1') !default;
693
+ $msg-info-color-alt2: mapcolorvariable('msg-info-color-alt2') !default;
694
+ $msg-info-bg-color-alt2: mapcolorvariable('msg-info-bg-color-alt2') !default;
695
+ $msg-info-border-color-alt2: mapcolorvariable('msg-info-border-color-alt2') !default;
696
+
697
+ $msg-info-icon-color: mapcolorvariable('msg-info-icon-color') !default;
698
+ $msg-info-icon-color-alt1: mapcolorvariable('msg-info-icon-color-alt1') !default;
699
+ $msg-info-icon-color-alt2:mapcolorvariable('msg-info-icon-color-alt2') !default;
700
+
701
+ $msg-info-close-icon-color: mapcolorvariable('msg-info-close-icon-color') !default;
702
+ $msg-info-close-icon-color-alt1: mapcolorvariable('msg-info-close-icon-color-alt1') !default;
703
+ $msg-info-close-icon-color-alt2: mapcolorvariable('msg-info-close-icon-color-alt2') !default;
704
+
705
+ $msg-warning-color: mapcolorvariable('msg-warning-color') !default;
706
+ $msg-warning-bg-color: mapcolorvariable('msg-warning-bg-color') !default;
707
+ $msg-warning-border-color: mapcolorvariable('msg-warning-border-color') !default;
708
+ $msg-warning-color-alt1: mapcolorvariable('msg-warning-color-alt1') !default;
709
+ $msg-warning-bg-color-alt1: mapcolorvariable('msg-warning-bg-color-alt1') !default;
710
+ $msg-warning-border-color-alt1: mapcolorvariable('msg-warning-border-color-alt1') !default;
711
+ $msg-warning-color-alt2: mapcolorvariable('msg-warning-color-alt2') !default;
712
+ $msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2') !default;
713
+ $msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2') !default;
714
+
715
+ $msg-warning-icon-color: mapcolorvariable('msg-warning-icon-color') !default;
716
+ $msg-warning-icon-color-alt1: mapcolorvariable('msg-warning-icon-color-alt1') !default;
717
+ $msg-warning-icon-color-alt2: mapcolorvariable('msg-warning-icon-color-alt2') !default;
718
+
719
+ $msg-warning-close-icon-color: mapcolorvariable('msg-warning-close-icon-color') !default;
720
+ $msg-warning-close-icon-color-alt1: mapcolorvariable('msg-warning-close-icon-color-alt1') !default;
721
+ $msg-warning-close-icon-color-alt2: mapcolorvariable('msg-warning-close-icon-color-alt2') !default;
722
+
723
+ $utility-primary-lighter: mapcolorvariable('utility-primary-lighter');
724
+ $utility-success-lighter: mapcolorvariable('utility-success-lighter');
725
+ $utility-info-lighter: mapcolorvariable('utility-info-lighter');
726
+ $utility-warning-lighter: mapcolorvariable('utility-warning-lighter');
727
+ $utility-danger-lighter: mapcolorvariable('utility-danger-lighter');
728
+
729
+ $brand-primary: mapcolorvariable('brand-primary');
730
+ $brand-primary-d10: mapcolorvariable('brand-primary-d10');
731
+ $fg-white: mapcolorvariable('fg-white');
732
+ $fg-senary: mapcolorvariable('fg-senary');
733
+ $shadow-color: mapcolorvariable('shadow-color') !default;
734
+ $shadow-color1: mapcolorvariable('shadow-color1') !default;
735
+
736
+ $link-button: mapcolorvariable('link-button') !default;
737
+ $link-button-hover: mapcolorvariable('link-button-hover') !default;
738
+ $link-button-pressed: mapcolorvariable('link-button-pressed') !default;
739
+ $link-button-focus: mapcolorvariable('link-button-focus') !default;
740
+ $link-button-border-focus: mapcolorvariable('link-button-border-focus') !default;
741
+
742
+ $chip-bg-color: mapcolorvariable('chip-bg-color') !default;
743
+ $chip-border-color: mapcolorvariable('chip-border-color') !default;
744
+ $chip-bg-disabled: mapcolorvariable('chip-bg-disabled') !default;
745
+ $chip-border-disabled: mapcolorvariable('chip-border-disabled') !default;
746
+
747
+ $secondary-outline-button-text-color-hover: mapcolorvariable('secondary-outline-button-text-color-hover') !default;
748
+ $secondary-outline-button-text-color-pressed: mapcolorvariable('secondary-outline-button-text-color-pressed') !default;
749
+ $secondary-outline-button-text-color-selected: mapcolorvariable('secondary-outline-button-text-color-selected') !default;
750
+ $secondary-outline-button-text-color-focus: mapcolorvariable('secondary-outline-button-text-color-focus') !default;
751
+
752
+ $slider-shadow1: mapcolorvariable('slider-shadow1') !default;
753
+ $slider-shadow2: mapcolorvariable('slider-shadow2') !default;
754
+ $slider-disabled: mapcolorvariable('slider-disabled') !default;
755
+ $slider-border-color: mapcolorvariable('slider-border-color') !default;
756
+ $slider-bg-disabled: mapcolorvariable('slider-bg-disabled') !default;
757
+
758
+ $toggle-switch-border-disabled: mapcolorvariable('toggle-switch-border-disabled') !default;
759
+
760
+ $calendar-icon-color: mapcolorvariable('calendar-icon-color') !default;
761
+ $calendar-header-text-color-pressed: mapcolorvariable('calendar-header-text-color-pressed') !default;
762
+ $calendar-today-bg-color: mapcolorvariable('calendar-today-bg-color') !default;
763
+
764
+ $dialog-border: mapcolorvariable('dialog-border') !default;
765
+
766
+ $badge-light-bg-color: mapcolorvariable('badge-light-bg-color') !default;
767
+ $secondary-badge-border-color: mapcolorvariable('secondary-badge-border-color') !default;
768
+ $secondary-badge-bg-color: mapcolorvariable('secondary-badge-bg-color') !default;
769
+ $secondary-badge-bg-color-focus: mapcolorvariable('secondary-badge-bg-color-focus') !default;
770
+
771
+ $skeleton-bg-color: mapcolorvariable('skeleton-bg-color') !default;
772
+
773
+ $tab-selected-bg-color-disabled: mapcolorvariable('tab-selected-bg-color-disabled') !default;
774
+ $tab-selected-text-color-disabled: mapcolorvariable('tab-selected-text-color-disabled') !default;
775
+ $ribbon-border-color: mapcolorvariable('ribbon-border-color') !default;
776
+ $toolbar-icon-color: mapcolorvariable('toolbar-icon-color') !default;
777
+ $contextual-text: mapcolorvariable('contextual-text') !default;
778
+ $cell-selection-bg-color: mapcolorvariable('cell-selection-bg-color') !default;
779
+ $document-editor-border-color: mapcolorvariable('document-editor-border-color') !default;
780
+ $holiday-bg-color: mapcolorvariable('holiday-bg-color') !default;
781
+ $taskbar-bg: mapcolorvariable('taskbar-bg') !default;
782
+ $taskbar-border: mapcolorvariable('taskbar-border') !default;
783
+ $taskbar-progress: mapcolorvariable('taskbar-progress') !default;
784
+ $sort-bg-color: mapcolorvariable('sort-bg-color') !default;
785
+
786
+ $black:#000 !default;
787
+ $white:#fff !default;
788
+ $transparent: transparent;
789
+
790
+ $grey-black: #000;
791
+ $grey-2: #050505;
792
+ $grey-4: #0a0a0a;
793
+ $grey-6: #0f0f0f;
794
+ $grey-8: #141414;
795
+ $grey-10: #1a1a1a;
796
+ $grey-12: #1f1f1f;
797
+ $grey-14: #242424;
798
+ $grey-16: #292929;
799
+ $grey-18: #2e2e2e;
800
+ $grey-20: #333;
801
+ $grey-22: #383838;
802
+ $grey-24: #3d3d3d;
803
+ $grey-26: #424242;
804
+ $grey-28: #474747;
805
+ $grey-30: #4d4d4d;
806
+ $grey-32: #525252;
807
+ $grey-34: #575757;
808
+ $grey-36: #5c5c5c;
809
+ $grey-38: #616161;
810
+ $grey-40: #666;
811
+ $grey-42: #6b6b6b;
812
+ $grey-44: #707070;
813
+ $grey-46: #757575;
814
+ $grey-48: #7a7a7a;
815
+ $grey-50: #808080;
816
+ $grey-52: #858585;
817
+ $grey-54: #8a8a8a;
818
+ $grey-56: #8f8f8f;
819
+ $grey-58: #949494;
820
+ $grey-60: #999;
821
+ $grey-62: #9e9e9e;
822
+ $grey-64: #a3a3a3;
823
+ $grey-66: #a8a8a8;
824
+ $grey-68: #adadad;
825
+ $grey-70: #b3b3b3;
826
+ $grey-72: #b8b8b8;
827
+ $grey-74: #bdbdbd;
828
+ $grey-76: #c2c2c2;
829
+ $grey-78: #c7c7c7;
830
+ $grey-80: #ccc;
831
+ $grey-82: #d1d1d1;
832
+ $grey-84: #d6d6d6;
833
+ $grey-86: #dbdbdb;
834
+ $grey-88: #e0e0e0;
835
+ $grey-90: #e6e6e6;
836
+ $grey-92: #ebebeb;
837
+ $grey-94: #f0f0f0;
838
+ $grey-96: #f5f5f5;
839
+ $grey-98: #fafafa;
840
+ $grey-white: #fff;
841
+ $grey-transparent: transparent;
842
+ $shadow-1: var(--grey-white);
843
+ $ambient: #0000001e;
844
+ $ambientlighter: #0000000f;
845
+ $ambientdarker: #0003;
846
+ $ambientbrand: #0000004c;
847
+ $shadow-2: var(--grey-black);
848
+ $key: #00000023;
849
+ $keylighter: #0001;
850
+ $keydarker: #0000003d;
851
+ $keybrand: #0000003f;
852
+
853
+ $success-shade-50: #031403;
854
+ $success-shade-40: #052505;
855
+ $success-shade-30: #094509;
856
+ $success-shade-20: #0c5e0c;
857
+ $success-shade-10: #0e700e;
858
+ $success-primary: #107c10;
859
+ $success-tint-10: #218c21;
860
+ $success-tint-20: #359b35;
861
+ $success-tint-30: #54b054;
862
+ $success-tint-40: #9fd89f;
863
+ $success-tint-50: #c9eac9;
864
+ $success-tint-60: #f1faf1;
865
+
866
+ $info-shade-50: #00181e;
867
+ $info-shade-40: #002e38;
868
+ $info-shade-30: #005669;
869
+ $info-shade-20: #00748f;
870
+ $info-shade-10: #008aa9;
871
+ $info-primary: #0099bc;
872
+ $info-tint-10: #18a4c4;
873
+ $info-tint-20: #31afcc;
874
+ $info-tint-30: #56bfd7;
875
+ $info-tint-40: #a4deeb;
876
+ $info-tint-50: #cdedf4;
877
+ $info-tint-60: #f2fafc;
878
+
879
+ $warning-shade-50: #271002;
880
+ $warning-shade-40: #4a1e04;
881
+ $warning-shade-30: #8a3707;
882
+ $warning-shade-20: #bc4b09;
883
+ $warning-shade-10: #de590b;
884
+ $warning-primary: #f7630c;
885
+ $warning-tint-10: #f87528;
886
+ $warning-tint-20: #f98845;
887
+ $warning-tint-30: #faa06b;
888
+ $warning-tint-40: #fdcfb4;
889
+ $warning-tint-50: #fee5d7;
890
+ $warning-tint-60: #fff9f5;
891
+
892
+ $danger-shade-50: #200205;
893
+ $danger-shade-40: #3b0509;
894
+ $danger-shade-30: #6e0811;
895
+ $danger-shade-20: #960b18;
896
+ $danger-shade-10: #b10e1c;
897
+ $danger-primary: #c50f1f;
898
+ $danger-tint-10: #cc2635;
899
+ $danger-tint-20: #d33f4c;
900
+ $danger-tint-30: #dc626d;
901
+ $danger-tint-40: #eeacb2;
902
+ $danger-tint-50: #f6d1d5;
903
+ $danger-tint-60: #fdf3f4;
904
+
905
+ $warning-dark-shade-50: #230900;
906
+ $warning-dark-shade-40: #411200;
907
+ $warning-dark-shade-30: #7a2101;
908
+ $warning-dark-shade-20: #a62d01;
909
+ $warning-dark-shade-10: #c43501;
910
+ $warning-dark-primary: #da3b01;
911
+ $warning-dark-tint-10: #de501c;
912
+ $warning-dark-tint-20: #e36537;
913
+ $warning-dark-tint-30: #e9835e;
914
+ $warning-dark-tint-40: #f4bfab;
915
+ $warning-dark-tint-50: #f9dcd1;
916
+ $warning-dark-tint-60: #fdf6f3;
917
+
918
+ $brand-10: #061724;
919
+ $brand-20: #082338;
920
+ $brand-30: #0a2e4a;
921
+ $brand-40: #0c3b5e;
922
+ $brand-50: #0e4775;
923
+ $brand-60: #0f548c;
924
+ $brand-70: #115ea3;
925
+ $brand-80: #0f6cbd;
926
+ $brand-90: #2886de;
927
+ $brand-100: #479ef5;
928
+ $brand-110: #62abf5;
929
+ $brand-120: #77b7f7;
930
+ $brand-130: #96c6fa;
931
+ $brand-140: #b4d6fa;
932
+ $brand-150: #cfe4fa;
933
+ $brand-160: #ebf3fc;
934
+
935
+ $red10: #d13438 !default;
936
+ $orange20: #ca5010 !default;
937
+ $green20: #0b6a0b !default;
938
+ $cyan20: #038387 !default;
939
+ $yellow10: #fce100 !default;
940
+ $orangeyellow10: #c19c00 !default;
941
+
942
+ $theme-lighter-alt: #eff6fc !default;
943
+ $theme-lighter: #deecf9 !default;
944
+ $theme-light: #c7e0f4 !default;
945
+ $theme-tertiary: #2b88d8 !default;
946
+ $theme-dark-alt: #106ebe !default;
947
+ $theme-dark: #005a9e !default;
948
+ $theme-darker: #004578 !default;
949
+
950
+ $primary: $primary !default;
951
+ $primary-text-color: $primary-text-color !default;
952
+ $primary-light: $primary-light !default;
953
+ $primary-lighter: $primary-lighter !default;
954
+ $primary-dark: $primary-dark !default;
955
+ $primary-darker: $primary-darker !default;
956
+ $success: $success !default;
957
+ $info: $info !default;
958
+ $warning: $warning !default;
959
+ $danger: $danger !default;
960
+ $success-light: $success-light !default;
961
+ $info-light: $info-light !default;
962
+ $warning-light: $warning-light !default;
963
+ $danger-light: $danger-light !default;
964
+ $success-dark: $success-dark !default;
965
+ $info-dark: $info-dark !default;
966
+ $warning-dark: $warning-dark !default;
967
+ $danger-dark: $danger-dark !default;
968
+ $success-light-alt: $success-light-alt !default;
969
+ $info-light-alt: $info-light-alt !default;
970
+ $warning-light-alt: $warning-light-alt !default;
971
+ $danger-light-alt: $danger-light-alt !default;
972
+ $badge-warning: $badge-warning !default;
973
+ $badge-warning-text: $badge-warning-text !default;
974
+ $primary-label-color: $primary-label-color !default;
975
+ $primary-cell-selection : $primary-cell-selection !default;
976
+
977
+ $content-bg-color: $content-bg-color !default;
978
+ $content-bg-color-alt1: $content-bg-color-alt1 !default;
979
+ $content-bg-color-alt2: $content-bg-color-alt2 !default;
980
+ $content-bg-color-alt3: $content-bg-color-alt3 !default;
981
+ $content-bg-color-alt4: $content-bg-color-alt4 !default;
982
+ $content-bg-color-alt5: $content-bg-color-alt5 !default;
983
+ $content-bg-color-alt6: $content-bg-color-alt6 !default;
984
+ $content-bg-color-hover: $content-bg-color-hover !default;
985
+ $content-bg-color-pressed: $content-bg-color-pressed !default;
986
+ $content-bg-color-focus: $content-bg-color-focus !default;
987
+ $content-bg-color-selected: $content-bg-color-selected !default;
988
+ $content-bg-color-dragged: $content-bg-color-dragged !default;
989
+ $content-bg-color-disabled: $content-bg-color-disabled !default;
990
+ $flyout-bg-color: $flyout-bg-color !default;
991
+ $flyout-bg-color-hover: $flyout-bg-color-hover !default;
992
+ $flyout-bg-color-pressed: $flyout-bg-color-pressed !default;
993
+ $flyout-bg-color-selected: $flyout-bg-color-selected !default;
994
+ $flyout-bg-color-focus: $flyout-bg-color-focus !default;
995
+ $overlay-bg-color: rgba($overlay-bg, .4) !default;
996
+ $table-bg-color-hover: $table-bg-color-hover !default;
997
+ $table-bg-color-pressed: $table-bg-color-pressed !default;
998
+ $table-bg-color-selected: $table-bg-color-selected !default;
999
+
1000
+ $colorpicker-gradient-1: #f00 !default;
1001
+ $colorpicker-gradient-2: #ff0 !default;
1002
+ $ccolorpicker-gradient-3: #0f0 !default;
1003
+ $colorpicker-gradient-4: #0ff !default;
1004
+ $colorpicker-gradient-5: #00f !default;
1005
+ $colorpicker-gradient-6: #f0f !default;
1006
+ $colorpicker-gradient-7: #ff0004 !default;
1007
+ $spreadsheet-selection-1: #673ab8;
1008
+ $spreadsheet-selection-2: #9c27b0;
1009
+ $spreadsheet-selection-3: #029688;
1010
+ $spreadsheet-selection-4: #4caf51;
1011
+ $spreadsheet-selection-5: #fe9800;
1012
+ $spreadsheet-selection-6: #3f52b5;
1013
+
1014
+ $content-text-color: $content-text-color !default;
1015
+ $content-text-color-alt1: $content-text-color-alt1 !default;
1016
+ $content-text-color-alt2: $content-text-color-alt2 !default;
1017
+ $content-text-color-alt3: $content-text-color-alt3 !default;
1018
+ $content-text-color-hover: $content-text-color-hover !default;
1019
+ $content-text-color-pressed: $content-text-color-pressed !default;
1020
+ $content-text-color-focus: $content-text-color-focus !default;
1021
+ $content-text-color-selected: $content-text-color-selected !default;
1022
+ $content-text-color-dragged: $content-text-color-dragged !default;
1023
+ $content-text-color-disabled: $content-text-color-disabled !default;
1024
+ $placeholder-text-color: $placeholder-text-color !default;
1025
+ $flyout-text-color: $flyout-text-color !default;
1026
+ $flyout-text-color-hover: $flyout-text-color-hover !default;
1027
+ $flyout-text-color-pressed: $flyout-text-color-pressed !default;
1028
+ $flyout-text-color-selected: $flyout-text-color-selected !default;
1029
+ $flyout-text-color-focus: $flyout-text-color-focus !default;
1030
+ $flyout-text-color-disabled: $flyout-text-color-disabled !default;
1031
+ $table-text-color-hover: $table-text-color-hover !default;
1032
+ $table-text-color-pressed: $table-text-color-pressed !default;
1033
+ $table-text-color-selected: $table-text-color-selected !default;
1034
+
1035
+ $icon-color: $icon-color !default;
1036
+ $icon-color-hover: $icon-color-hover !default;
1037
+ $icon-color-pressed: $icon-color-pressed !default;
1038
+ $icon-color-disabled: $icon-color-disabled !default;
1039
+
1040
+ $border-light: $border-light !default;
1041
+ $border: $border !default;
1042
+ $border-alt: $border-alt !default;
1043
+ $border-dark: $border-dark !default;
1044
+ $border-hover: $border-hover !default;
1045
+ $border-pressed: $border-pressed !default;
1046
+ $border-focus: $border-focus !default;
1047
+ $border-selected: $border-selected !default;
1048
+ $border-dragged:$border-dragged !default;
1049
+ $border-disabled: $border-disabled !default;
1050
+ $border-warning: $border-warning !default;
1051
+ $border-error: $border-error !default;
1052
+ $border-success: $border-success !default;
1053
+ $border-info: $border-info !default;
1054
+ $spreadsheet-gridline: $spreadsheet-gridline !default;
1055
+ $spreadsheet-indicator: 'data:image/gif;base64,R0lGODlhBgAEAJECAP///zF6uf///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFMTA1Q0MyRDA5RTExRTlBRTg3ODJBNDEwNzEwQzM3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFMTA1Q0MzRDA5RTExRTlBRTg3ODJBNDEwNzEwQzM3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUUxMDVDQzBEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUUxMDVDQzFEMDlFMTFFOUFFODc4MkE0MTA3MTBDMzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQFAwACACwAAAAABgAEAAACB4wDcJh6uQoAIfkEBQMAAgAsAAAAAAYABAAAAgiMAXYZqM1CAQAh+QQFAwACACwBAAAABAAEAAACBhQUhnksBQAh+QQFAwACACwBAAAABAAEAAACBoQihpcMBQAh+QQFAwACACwAAAAABgAEAAACBwSCYcl6aQoAIfkEBQMAAgAsAAAAAAYABAAAAghEHmComHtAAQA7' !default;
1056
+ $flyout-border: $flyout-border !default;
1057
+
1058
+ $tooltip-bg-color: $tooltip-bg-color !default;
1059
+ $tooltip-border: $tooltip-border;
1060
+ $tooltip-text-color: $tooltip-text-color !default;
1061
+ $shadow-02: 0 1px 2px 0 rgba($black, .14), 0 0 2px 0 rgba($black, .12) !default;
1062
+ $shadow-04: 0 2px 4px 0 rgba($black, .14), 0 0 2px 0 rgba($black, .12) !default;
1063
+ $shadow-08: 0 4px 8px 0 rgba($black, .14), 0 0 2px 0 rgba($black, .12) !default;
1064
+ $shadow-16: 0 8px 16px 0 rgba($black, .14), 0 0 2px 0 rgba($black, .12) !default;
1065
+ $shadow-28: 0 14px 28.8px 0 rgba($black, .24), 0 0 8px 0 rgba($black, .2) !default;
1066
+ $shadow-64: 0 32px 64px 0 rgba($black, .24), 0 0 8px 0 rgba($black, .2) !default;
1067
+ $keyboard-focus: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1068
+ $slider-shadow: 0 0 0 1px $slider-shadow2, inset 0 0 0 4px $slider-shadow1 !default;
1069
+ $shadow-stepper-small: 0 0 0 8px $content-bg-color !default;
1070
+ $shadow-stepper: 0 0 0 rgba($content-bg-color) 0 0 0 rgba($primary) 0 0 0 rgba($content-bg-color) !default;
1071
+ $frozen-shadow: rgba($black, .25) !default;
1072
+ $shadow-stepper-disabled: 0 0 0 rgba($content-bg-color) 0 0 0 rgba($primary-bg-color-disabled) 0 0 0 $content-bg-color !default;
1073
+ $frozen-shadow-2: rgba($black, .25) !default;
1074
+ $appbar-top-shadow: 0 -1.6px 3.6px 0 rgba($black, .13), 0 -.3px .9px 0 rgba($black, .1) !default;
1075
+ $appbar-bottom-shadow: 0 1.6px 3.6px 0 rgba($black, .13), 0 .3px .9px 0 rgba(0, 0, 0, .1) !default;
1076
+
1077
+ $shadow: $shadow-02 !default;
1078
+ $shadow-sm: $shadow-04 !default;
1079
+ $shadow-md: $shadow-08 !default;
1080
+ $shadow-lg:$shadow-16 !default;
1081
+ $shadow-xl:$shadow-28 !default;
1082
+ $shadow-2xl: $shadow-64 !default;
1083
+ $shadow-inner: inset 0 1px 2px rgba($black, .075) !default;
1084
+ $shadow-none: 0 0 rgba($black, 0) !default;
1085
+ $shadow-focus-ring1: $keyboard-focus !default;
1086
+ $shadow-focus-ring2: 0 0 0 1px rgba($black, .95) !default;
1087
+ $primary-shadow-focus: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1088
+ $secondary-shadow-focus: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1089
+ $success-shadow-focus: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1090
+ $danger-shadow-focus: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1091
+ $info-shadow-focus: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1092
+ $warning-shadow-focus: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default;
1093
+
1094
+ $font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
1095
+
1096
+ $text-xxs: 10px !default;
1097
+ $text-xs: 12px !default;
1098
+ $text-sm: 14px !default;
1099
+ $text-base: 16px !default;
1100
+ $text-lg: 18px !default;
1101
+ $text-xl: 20px !default;
1102
+ $text-2xl: 24px !default;
1103
+ $text-3xl: 28px !default;
1104
+ $text-4xl: 32px !default;
1105
+ $text-5xl: 42px !default;
1106
+ $text-6xl: 68px !default;
1107
+ $text-7xl: 78px !default;
1108
+ $text-8xl: 96px !default;
1109
+ $text-9xl: 128px !default;
1110
+
1111
+ $h1-font-size: 40px !default;
1112
+ $h2-font-size: 32px !default;
1113
+ $h3-font-size: 28px !default;
1114
+ $h4-font-size: $text-2xl !default;
1115
+ $h5-font-size: $text-xl !default;
1116
+ $h6-font-size: $text-base !default;
1117
+
1118
+ $leading-none: 1 !default;
1119
+ $leading-tight: 1.25 !default;
1120
+ $leading-snug: 1.375 !default;
1121
+ $leading-normal: 1.5 !default;
1122
+ $leading-relaxed: 1.625 !default;
1123
+ $leading-loose: 2 !default;
1124
+
1125
+ $font-weight-lighter: lighter !default;
1126
+ $font-weight-light: 300 !default;
1127
+ $font-weight-normal: 400 !default;
1128
+ $font-weight-medium: 600 !default;
1129
+ $font-weight-bold: 700 !default;
1130
+ $font-weight-bolder: bolder !default;
1131
+ $font-weight-semibold: 700 !default;
1132
+
1133
+ $secondary-bg-color: $secondary-bg-color !default;
1134
+ $secondary-border-color: $secondary-border-color !default;
1135
+ $secondary-text-color: $secondary-text !default;
1136
+ $secondary-bg-color-hover: $secondary-bg-color-hover !default;
1137
+ $secondary-border-color-hover: $secondary-border-color-hover !default;
1138
+ $secondary-text-color-hover: $secondary-text-hover !default;
1139
+ $secondary-bg-color-pressed: $secondary-bg-color-pressed !default;
1140
+ $secondary-border-color-pressed: $secondary-border-color-pressed !default;
1141
+ $secondary-text-color-pressed: $secondary-text-pressed !default;
1142
+ $secondary-bg-color-focus: $secondary-bg-color-focus !default;
1143
+ $secondary-border-color-focus: $secondary-border-color-focus !default;
1144
+ $secondary-text-color-focus: $secondary-text-focus !default;
1145
+ $secondary-bg-color-disabled: $secondary-bg-color-disabled !default;
1146
+ $secondary-border-color-disabled: $secondary-border-color-disabled !default;
1147
+ $secondary-text-color-disabled: $secondary-text-disabled !default;
1148
+ $secondary-bg-color-selected: $secondary-bg-color-selected !default;
1149
+ $secondary-border-color-selected: $secondary-border-color-selected !default;
1150
+ $secondary-text-color-selected: $secondary-text-selected !default;
1151
+
1152
+ $primary-bg-color: $primary-bg-color !default;
1153
+ $primary-border-color: $primary-border-color !default;
1154
+ $primary-text: $primary-text !default;
1155
+ $primary-bg-color-hover: $primary-bg-color-hover !default;
1156
+ $primary-border-color-hover: $primary-border-color-hover !default;
1157
+ $primary-text-hover: $primary-text-hover !default;
1158
+ $primary-bg-color-pressed: $primary-bg-color-pressed !default;
1159
+ $primary-border-color-pressed: $primary-border-color-pressed !default;
1160
+ $primary-text-pressed: $primary-text-pressed !default;
1161
+ $primary-bg-color-focus: $primary-bg-color-focus !default;
1162
+ $primary-border-color-focus: $primary-border-color-focus !default;
1163
+ $primary-text-focus: $primary-text-focus !default;
1164
+ $primary-bg-color-disabled: $primary-bg-color-disabled !default;
1165
+ $primary-border-color-disabled: $primary-border-color-disabled !default;
1166
+ $primary-text-disabled: $primary-text-disabled !default;
1167
+ $primary-bg-color-selected: $primary-bg-color-selected !default;
1168
+ $primary-border-color-selected: $primary-border-color-selected !default;
1169
+ $primary-text-selected: $primary-text-selected !default;
1170
+
1171
+ $success-bg-color: $success-bg-color !default;
1172
+ $success-border-color: $success-border-color !default;
1173
+ $success-text: $success-text !default;
1174
+ $success-bg-color-hover: $success-bg-color-hover !default;
1175
+ $success-border-color-hover: $success-border-color-hover !default;
1176
+ $success-text-hover: $success-text-hover !default;
1177
+ $success-bg-color-pressed: $success-bg-color-pressed !default;
1178
+ $success-border-color-pressed: $success-border-color-pressed !default;
1179
+ $success-text-pressed: $success-text-pressed !default;
1180
+ $success-bg-color-focus: $success-bg-color-focus !default;
1181
+ $success-border-color-focus: $success-border-color-focus !default;
1182
+ $success-text-focus: $success-text-focus !default;
1183
+ $success-bg-color-disabled: $success-bg-color-disabled !default;
1184
+ $success-border-color-disabled: $success-border-color-disabled !default;
1185
+ $success-text-disabled: $success-text-disabled !default;
1186
+ $success-bg-color-selected: $success-bg-color-selected !default;
1187
+ $success-border-color-selected: $success-border-color-selected !default;
1188
+ $success-text-selected: $success-text-selected !default;
1189
+
1190
+ $warning-bg-color: $warning-bg-color !default;
1191
+ $warning-border-color: $warning-border-color !default;
1192
+ $warning-text: $warning-text !default;
1193
+ $warning-bg-color-hover: $warning-bg-color-hover !default;
1194
+ $warning-border-color-hover: $warning-border-color-hover !default;
1195
+ $warning-text-hover: $warning-text-hover !default;
1196
+ $warning-bg-color-pressed: $warning-bg-color-pressed !default;
1197
+ $warning-border-color-pressed: $warning-border-color-pressed !default;
1198
+ $warning-text-pressed: $warning-text-pressed !default;
1199
+ $warning-bg-color-focus: $warning-bg-color-focus !default;
1200
+ $warning-border-color-focus: $warning-border-color-focus !default;
1201
+ $warning-text-focus: $warning-text-focus !default;
1202
+ $warning-bg-color-disabled: $warning-bg-color-disabled !default;
1203
+ $warning-border-color-disabled: $warning-border-color-disabled !default;
1204
+ $warning-text-disabled: $warning-text-disabled !default;
1205
+ $warning-bg-color-selected: $warning-bg-color-selected !default;
1206
+ $warning-border-color-selected: $warning-border-color-selected !default;
1207
+ $warning-text-selected: $warning-text-selected !default;
1208
+
1209
+ $danger-bg-color: $danger-bg-color !default;
1210
+ $danger-border-color: $danger-border-color !default;
1211
+ $danger-text: $danger-text !default;
1212
+ $danger-bg-color-hover: $danger-bg-color-hover !default;
1213
+ $danger-border-color-hover: $danger-border-color-hover !default;
1214
+ $danger-text-hover: $danger-text-hover !default;
1215
+ $danger-bg-color-pressed: $danger-bg-color-pressed !default;
1216
+ $danger-border-color-pressed: $danger-border-color-pressed !default;
1217
+ $danger-text-pressed: $danger-text-pressed !default;
1218
+ $danger-bg-color-focus: $danger-bg-color-focus !default;
1219
+ $danger-border-color-focus: $danger-border-color-focus !default;
1220
+ $danger-text-focus: $danger-text-focus !default;
1221
+ $danger-bg-color-disabled: $danger-bg-color-disabled !default;
1222
+ $danger-border-color-disabled: $danger-border-color-disabled !default;
1223
+ $danger-text-disabled: $danger-text-disabled !default;
1224
+ $danger-bg-color-selected: $danger-bg-color-selected !default;
1225
+ $danger-border-color-selected: $danger-border-color-selected !default;
1226
+ $danger-text-selected: $danger-text-selected !default;
1227
+
1228
+ $info-bg-color: $info-bg-color !default;
1229
+ $info-border-color: $info-border-color !default;
1230
+ $info-text: $info-text !default;
1231
+ $info-bg-color-hover: $info-bg-color-hover !default;
1232
+ $info-border-color-hover: $info-border-color-hover !default;
1233
+ $info-text-hover: $info-text-hover !default;
1234
+ $info-bg-color-pressed: $info-bg-color-pressed !default;
1235
+ $info-border-color-pressed: $info-border-color-pressed !default;
1236
+ $info-text-pressed: $info-text-pressed !default;
1237
+ $info-bg-color-focus: $info-bg-color-focus !default;
1238
+ $info-border-color-focus: $info-border-color-focus !default;
1239
+ $info-text-focus: $info-text-focus !default;
1240
+ $info-bg-color-disabled: $info-bg-color-disabled !default;
1241
+ $info-border-color-disabled: $info-border-color-disabled !default;
1242
+ $info-text-disabled: $info-text-disabled !default;
1243
+ $info-bg-color-selected: $info-bg-color-selected !default;
1244
+ $info-border-color-selected: $info-border-color-selected !default;
1245
+ $info-text-selected: $info-text-selected !default;
1246
+
1247
+ $primary-outline: $primary-outline !default;
1248
+ $secondary-outline: $secondary-outline !default;
1249
+ $warning-outline: $warning-outline !default;
1250
+ $danger-outline: $danger-outline !default;
1251
+ $success-outline: $success-outline !default;
1252
+ $info-outline: $info-outline !default;
1253
+
1254
+ $toast-text-color: $toast-text-color !default;
1255
+ $toast-alt-text-color: $toast-alt-text-color !default;
1256
+
1257
+ $series-1: #000;
1258
+ $series-2: #000;
1259
+ $series-3: #000;
1260
+ $series-4: #000;
1261
+ $series-5: #614570;
1262
+ $series-6: #4c6fb1;
1263
+ $series-7: #cc6952;
1264
+ $series-8: #3f579a;
1265
+ $series-9: #4ea09b;
1266
+ $series-10: #6e7a89;
1267
+ $series-11: #3d75a6;
1268
+ $series-12: #f3a93c;
1269
+ $skin-name: 'fluent2' !default;
1270
+ $theme-name: 'fluent2-dark' !default;
1271
+
1272
+ $diagram-palette-background: $diagram-palette-background !default;
1273
+ $diagram-palette-hover-background: $diagram-palette-hover-background !default;
1274
+ $diagram-palette-selected-background: $diagram-palette-selected-background !default;
1275
+
1276
+ $gray-900: #212529 !default;
1277
+
1278
+ $inputs-radius: 2px !default;
1279
+ $flyout-radius: $inputs-radius !default;
1280
+ $model-radius: $inputs-radius !default;
1281
+ $inputs-radius-bigger: $inputs-radius !default;
1282
+ $flyout-radius-bigger: $inputs-radius !default;
1283
+ $model-radius-bigger: $inputs-radius !default;
1284
+ $inputs-radius-small: $inputs-radius !default;
1285
+ $flyout-radius-small: $inputs-radius !default;
1286
+ $model-radius-small: $inputs-radius !default;
1287
+
1288
+ $msg-color: $msg-color !default;
1289
+ $msg-bg-color: $msg-bg-color !default;
1290
+ $msg-border-color:$msg-border-color !default;
1291
+ $msg-color-alt1: $msg-color-alt1 !default;
1292
+ $msg-bg-color-alt1: $msg-bg-color-alt1 !default;
1293
+ $msg-border-color-alt1: $msg-border-color-alt1 !default;
1294
+ $msg-color-alt2: $msg-color-alt2 !default;
1295
+ $msg-bg-color-alt2: $msg-bg-color-alt2 !default;
1296
+ $msg-border-color-alt2: $msg-border-color-alt2 !default;
1297
+ $msg-icon-color: $msg-icon-color !default;
1298
+ $msg-icon-color-alt1: $msg-icon-color-alt1 !default;
1299
+ $msg-icon-color-alt2: $msg-icon-color-alt2 !default;
1300
+
1301
+ $msg-close-icon-color: $msg-close-icon-color !default;
1302
+ $msg-close-icon-color-alt1: $msg-close-icon-color-alt1 !default;
1303
+ $msg-close-icon-color-alt2: $msg-close-icon-color-alt2 !default;
1304
+
1305
+ $msg-success-color: $msg-success-color !default;
1306
+ $msg-success-bg-color: $msg-success-bg-color !default;
1307
+ $msg-success-border-color: $msg-success-border-color !default;
1308
+ $msg-success-color-alt1: $msg-success-color-alt1 !default;
1309
+ $msg-success-bg-color-alt1: $msg-success-bg-color-alt1 !default;
1310
+ $msg-success-border-color-alt1: $msg-success-border-color-alt1 !default;
1311
+ $msg-success-color-alt2: $msg-success-color-alt2 !default;
1312
+ $msg-success-bg-color-alt2: $msg-success-bg-color-alt2 !default;
1313
+ $msg-success-border-color-alt2: $msg-success-border-color-alt2 !default;
1314
+
1315
+ $msg-success-icon-color: $msg-success-icon-color !default;
1316
+ $msg-success-icon-color-alt1:$msg-success-icon-color-alt1 !default;
1317
+ $msg-success-icon-color-alt2: $msg-success-icon-color-alt2 !default;
1318
+
1319
+ $msg-success-close-icon-color: $msg-success-close-icon-color !default;
1320
+ $msg-success-close-icon-color-alt1: $msg-success-close-icon-color-alt1 !default;
1321
+ $msg-success-close-icon-color-alt2: $msg-success-close-icon-color-alt2 !default;
1322
+
1323
+ $msg-danger-color: $msg-danger-color !default;
1324
+ $msg-danger-bg-color: $msg-danger-bg-color !default;
1325
+ $msg-danger-border-color: $msg-danger-border-color !default;
1326
+ $msg-danger-color-alt1: $msg-danger-color-alt1 !default;
1327
+ $msg-danger-bg-color-alt1: $msg-danger-bg-color-alt1 !default;
1328
+ $msg-danger-border-color-alt1: $msg-danger-border-color-alt1 !default;
1329
+ $msg-danger-color-alt2: $msg-danger-color-alt2 !default;
1330
+ $msg-danger-bg-color-alt2: $msg-danger-bg-color-alt2 !default;
1331
+ $msg-danger-border-color-alt2: $msg-danger-border-color-alt2 !default;
1332
+
1333
+ $msg-danger-icon-color: $msg-danger-icon-color !default;
1334
+ $msg-danger-icon-color-alt1: $msg-danger-icon-color-alt1 !default;
1335
+ $msg-danger-icon-color-alt2: $msg-danger-icon-color-alt2 !default;
1336
+
1337
+ $msg-danger-close-icon-color: $msg-danger-close-icon-color !default;
1338
+ $msg-danger-close-icon-color-alt1: $msg-danger-close-icon-color-alt1 !default;
1339
+ $msg-danger-close-icon-color-alt2: $msg-danger-close-icon-color-alt2 !default;
1340
+
1341
+ $msg-info-color: $msg-info-color !default;
1342
+ $msg-info-bg-color: $msg-info-bg-color !default;
1343
+ $msg-info-border-color: $msg-info-border-color !default;
1344
+ $msg-info-color-alt1: $msg-info-color-alt1 !default;
1345
+ $msg-info-bg-color-alt1: $msg-info-bg-color-alt1 !default;
1346
+ $msg-info-border-color-alt1: $msg-info-border-color-alt1 !default;
1347
+ $msg-info-color-alt2: $msg-info-color-alt2 !default;
1348
+ $msg-info-bg-color-alt2: $msg-info-bg-color-alt2 !default;
1349
+ $msg-info-border-color-alt2: $msg-info-border-color-alt2 !default;
1350
+
1351
+ $msg-info-icon-color: $msg-info-icon-color !default;
1352
+ $msg-info-icon-color-alt1: $msg-info-icon-color-alt1 !default;
1353
+ $msg-info-icon-color-alt2:$msg-info-icon-color-alt2 !default;
1354
+
1355
+ $msg-info-close-icon-color: $msg-info-close-icon-color !default;
1356
+ $msg-info-close-icon-color-alt1: $msg-info-close-icon-color-alt1 !default;
1357
+ $msg-info-close-icon-color-alt2: $msg-info-close-icon-color-alt2 !default;
1358
+
1359
+ $msg-warning-color: $msg-warning-color !default;
1360
+ $msg-warning-bg-color: $msg-warning-bg-color !default;
1361
+ $msg-warning-border-color: $msg-warning-border-color !default;
1362
+ $msg-warning-color-alt1: $msg-warning-color-alt1 !default;
1363
+ $msg-warning-bg-color-alt1: $msg-warning-bg-color-alt1 !default;
1364
+ $msg-warning-border-color-alt1: $msg-warning-border-color-alt1 !default;
1365
+ $msg-warning-color-alt2: $msg-warning-color-alt2 !default;
1366
+ $msg-warning-bg-color-alt2: $msg-warning-bg-color-alt2 !default;
1367
+ $msg-warning-border-color-alt2: $msg-warning-border-color-alt2 !default;
1368
+
1369
+ $msg-warning-icon-color: $msg-warning-icon-color !default;
1370
+ $msg-warning-icon-color-alt1: $msg-warning-icon-color-alt1 !default;
1371
+ $msg-warning-icon-color-alt2: $msg-warning-icon-color-alt2 !default;
1372
+
1373
+ $msg-warning-close-icon-color: $msg-warning-close-icon-color !default;
1374
+ $msg-warning-close-icon-color-alt1: $msg-warning-close-icon-color-alt1 !default;
1375
+ $msg-warning-close-icon-color-alt2: $msg-warning-close-icon-color-alt2 !default;
1376
+
1377
+ $appbar-bg-color-alt1: $appbar-bg-color-alt1 !default;
1378
+ $appbar-color-alt1:$appbar-color-alt1 !default;
1379
+ $appbar-border-color-alt1: $appbar-border-color-alt1 !default;
1380
+ $appbar-hover-bg-color-alt1: $appbar-hover-bg-color-alt1 !default;
1381
+
1382
+ $appbar-bg-color-alt2: $appbar-bg-color-alt2 !default;
1383
+ $appbar-color-alt2: $appbar-color-alt2 !default;
1384
+ $appbar-border-color-alt2: $appbar-border-color-alt2 !default;
1385
+ $appbar-hover-bg-color-alt2: $appbar-hover-bg-color-alt2 !default;
1386
+
1387
+ $appbar-bottom-shadow: 0 1.6px 3.6px rgba(0, 0, 0, .13), 0 .3px .9px rgba(0, 0, 0, .1) !default;
1388
+ $appbar-top-shadow: 0 -1.6px 3.6px rgba(0, 0, 0, .13), 0 -.3px .9px rgba(0, 0, 0, .1) !default;
1389
+
1390
+ $rating-selected-color: $rating-selected-color !default;
1391
+ $rating-unrated-color: $rating-unrated-color !default;
1392
+ $rating-selected-disabled-color: $rating-selected-disabled-color !default;
1393
+ $rating-unrated-disabled-color: $rating-unrated-disabled-color !default;
1394
+ $rating-selected-hover-color: $rating-selected-hover-color !default;
1395
+ $rating-unrated-hover-color: $rating-unrated-hover-color !default;
1396
+ $rating-pressed-color: $rating-pressed-color !default;
1397
+
1398
+ $link-button: $link-button !default;
1399
+ $link-button-hover: $link-button-hover !default;
1400
+ $link-button-pressed: $link-button-pressed !default;
1401
+ $link-button-focus: $link-button-focus !default;
1402
+ $link-button-border-focus: $link-button-border-focus !default;
1403
+
1404
+ $chip-bg-color: $chip-bg-color !default;
1405
+ $chip-border-color: $chip-border-color !default;
1406
+ $chip-bg-disabled: $chip-bg-disabled !default;
1407
+ $chip-border-disabled: $chip-border-disabled !default;
1408
+
1409
+ $secondary-outline-button-text-color-hover: $secondary-outline-button-text-color-hover !default;
1410
+ $secondary-outline-button-text-color-pressed: $secondary-outline-button-text-color-pressed !default;
1411
+ $secondary-outline-button-text-color-selected: $secondary-outline-button-text-color-selected !default;
1412
+ $secondary-outline-button-text-color-focus: $secondary-outline-button-text-color-focus !default;
1413
+
1414
+ $slider-shadow1: $slider-shadow1 !default;
1415
+ $slider-shadow2: $slider-shadow2 !default;
1416
+ $slider-disabled: $slider-disabled !default;
1417
+ $slider-border-color: $slider-border-color !default;
1418
+ $slider-bg-disabled: $slider-bg-disabled !default;
1419
+
1420
+ $toggle-switch-border-disabled: $toggle-switch-border-disabled !default;
1421
+
1422
+ $calendar-icon-color: $calendar-icon-color !default;
1423
+ $calendar-header-text-color-pressed: $calendar-header-text-color-pressed !default;
1424
+ $calendar-today-bg-color: $calendar-today-bg-color !default;
1425
+
1426
+ $dialog-border: $dialog-border !default;
1427
+
1428
+ $badge-light-bg-color: $badge-light-bg-color !default;
1429
+ $secondary-badge-border-color: $secondary-badge-border-color !default;
1430
+ $secondary-badge-bg-color: $secondary-badge-bg-color !default;
1431
+ $secondary-badge-bg-color-focus: $secondary-badge-bg-color-focus !default;
1432
+
1433
+ $skeleton-bg-color: $skeleton-bg-color !default;
1434
+
1435
+ $tab-selected-bg-color-disabled: $tab-selected-bg-color-disabled !default;
1436
+ $tab-selected-text-color-disabled: $tab-selected-text-color-disabled !default;
1437
+ $ribbon-border-color: $ribbon-border-color !default;
1438
+ $toolbar-icon-color: $toolbar-icon-color !default;
1439
+ $contextual-text: $contextual-text !default;
1440
+ $cell-selection-bg-color: $cell-selection-bg-color !default;
1441
+ $document-editor-border-color: $document-editor-border-color !default;
1442
+
1443
+ $font-icon-8: 8px !default;
1444
+ $font-icon-9: 9px !default;
1445
+ $font-icon-10: 10px !default;
1446
+ $font-icon-12: 12px !default;
1447
+ $font-icon-13: 13px !default;
1448
+ $font-icon-14: 14px !default;
1449
+ $font-icon-15: 15px !default;
1450
+ $font-icon-16: 16px !default;
1451
+ $font-icon-17: 17px !default;
1452
+ $font-icon-18: 18px !default;
1453
+ $font-icon-20: 20px !default;
1454
+ $font-icon-22: 22px !default;
1455
+ $font-icon-24: 24px !default;
1456
+ $font-icon-26: 26px !default;
1457
+ $font-icon-28: 28px !default;
1458
+ $font-icon-32: 32px !default;
1459
+
1460
+ $font-size: 12px !default;
1461
+ $font-weight: 400 !default;
1462
+ $error-font-color: $danger !default;
1463
+ $warning-font-color: $orange20 !default;
1464
+ $success-font-color: $green20 !default;
1465
+ $information-font-color: $white !default;
1466
+
1467
+ $primary-alt: #000 !default;
1468
+ $primary-lighter: $utility-primary-lighter !default;
1469
+ $success-lighter: $utility-success-lighter !default;
1470
+ $info-lighter: $utility-info-lighter !default;
1471
+ $warning-lighter: $utility-warning-lighter !default;
1472
+ $danger-lighter: $utility-danger-lighter !default;
1473
+ $primary-brand_alt: #fff !default;
1474
+
1475
+ $gray-25: #fcfcfd;
1476
+ $gray-50: #f9fafb;
1477
+ $gray-100: #f2f4f7;
1478
+ $gray-200: #eaecf0;
1479
+ $gray-300: #d0d5dd;
1480
+ $gray-400: #98a1b2;
1481
+ $gray-500: #667085;
1482
+ $gray-600: #475467;
1483
+ $gray-700: #344054;
1484
+ $gray-800: #18212f;
1485
+ $gray-900: #101828;
1486
+ $gray-950: #0c111d;
1487
+
1488
+ $cool-gray-25: $gray-25 !default;
1489
+ $cool-gray-50: $gray-50 !default;
1490
+ $cool-gray-100: $gray-100 !default;
1491
+ $cool-gray-200: $gray-200 !default;
1492
+ $cool-gray-300: $gray-300 !default;
1493
+ $cool-gray-400: $gray-400 !default;
1494
+ $cool-gray-500: $gray-500 !default;
1495
+ $cool-gray-600: $gray-600 !default;
1496
+ $cool-gray-700: $gray-700 !default;
1497
+ $cool-gray-800: $gray-800 !default;
1498
+ $cool-gray-900: $gray-900 !default;
1499
+
1500
+ $badge-primary-ghost-border-color:$brand-primary !default;
1501
+ $badge-primary-ghost-text-color: $brand-primary !default;
1502
+ $badge-success-ghost-border-color:$success-lighter !default;
1503
+ $badge-success-ghost-text-color: $success !default;
1504
+ $badge-danger-ghost-border-color:$danger-lighter !default;
1505
+ $badge-danger-ghost-text-color: $danger !default;
1506
+ $badge-warning-ghost-border-color:$warning-lighter !default;
1507
+ $badge-warning-ghost-text-color: $warning !default;
1508
+ $badge-info-ghost-border-color:$info-lighter !default;
1509
+ $badge-info-ghost-text-color: $info !default;
1510
+
1511
+ $switch-off-handle-bg-color:$fg-white !default;
1512
+
1513
+ $chip-secondary-active-bg-color: $fg-senary !default;
1514
+ $chip-secondary-active-border-color: $fg-senary !default;
1515
+
1516
+ $gantt-connected-task-color: $brand-primary-d10 !default;
1517
+ $gantt-active-parent-task-color: $brand-primary-d10 !default;
1518
+
1519
+ $btn-border-radius:4px !default;
1520
+ $btn-border-radius:4px !default;
1521
+
1522
+ $switch-box-shadow: 0 0 0 2px #000, 0 0 0 3px #fff !default;
1523
+ $progress-btn-spinner-color: #082338 !default;