@syncfusion/ej2-base 22.2.10 → 23.1.36

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 (75) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/bin/syncfusion-license.js +1 -1
  3. package/dist/ej2-base.min.js +2 -2
  4. package/dist/ej2-base.umd.min.js +2 -2
  5. package/dist/ej2-base.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-base.es2015.js +35 -14
  7. package/dist/es6/ej2-base.es2015.js.map +1 -1
  8. package/dist/es6/ej2-base.es5.js +26 -8
  9. package/dist/es6/ej2-base.es5.js.map +1 -1
  10. package/dist/global/ej2-base.min.js +2 -2
  11. package/dist/global/ej2-base.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +69 -8
  14. package/src/animation.d.ts +21 -4
  15. package/src/animation.js +22 -4
  16. package/src/validate-lic.js +3 -3
  17. package/styles/_bootstrap-dark-definition.scss +0 -1
  18. package/styles/_bootstrap-definition.scss +0 -1
  19. package/styles/_bootstrap4-definition.scss +0 -1
  20. package/styles/_bootstrap5-dark-definition.scss +0 -1
  21. package/styles/_bootstrap5-definition.scss +0 -1
  22. package/styles/_fabric-dark-definition.scss +0 -1
  23. package/styles/_fabric-definition.scss +0 -1
  24. package/styles/_fluent-dark-definition.scss +0 -1
  25. package/styles/_fluent-definition.scss +0 -1
  26. package/styles/_fusionnew-dark-definition.scss +0 -1
  27. package/styles/_fusionnew-definition.scss +0 -1
  28. package/styles/_highcontrast-definition.scss +0 -1
  29. package/styles/_highcontrast-light-definition.scss +0 -1
  30. package/styles/_material-dark-definition.scss +0 -1
  31. package/styles/_material-definition.scss +0 -1
  32. package/styles/_material3-dark-definition.scss +0 -1
  33. package/styles/_material3-definition.scss +0 -1
  34. package/styles/_tailwind-dark-definition.scss +0 -1
  35. package/styles/_tailwind-definition.scss +0 -1
  36. package/styles/bootstrap-dark.css +28 -1
  37. package/styles/bootstrap.css +28 -1
  38. package/styles/bootstrap4.css +28 -1
  39. package/styles/bootstrap5-dark.css +28 -1
  40. package/styles/bootstrap5.css +28 -1
  41. package/styles/definition/_bootstrap-dark.scss +44 -0
  42. package/styles/definition/_bootstrap.scss +45 -0
  43. package/styles/definition/_bootstrap4.scss +14 -0
  44. package/styles/definition/_bootstrap5-dark.scss +9 -0
  45. package/styles/definition/_bootstrap5.scss +9 -0
  46. package/styles/definition/_fabric-dark.scss +45 -0
  47. package/styles/definition/_fabric.scss +45 -0
  48. package/styles/definition/_fluent-dark.scss +9 -0
  49. package/styles/definition/_fluent.scss +9 -0
  50. package/styles/definition/_fusionnew-dark.scss +2 -0
  51. package/styles/definition/_fusionnew.scss +2 -0
  52. package/styles/definition/_highcontrast-light.scss +45 -0
  53. package/styles/definition/_highcontrast.scss +45 -0
  54. package/styles/definition/_material-dark.scss +44 -0
  55. package/styles/definition/_material.scss +45 -0
  56. package/styles/definition/_material3-dark.scss +9 -0
  57. package/styles/definition/_material3.scss +10 -0
  58. package/styles/definition/_tailwind-dark.scss +10 -0
  59. package/styles/definition/_tailwind.scss +10 -0
  60. package/styles/fabric-dark.css +28 -1
  61. package/styles/fabric.css +28 -1
  62. package/styles/fluent-dark.css +28 -1
  63. package/styles/fluent.css +28 -1
  64. package/styles/highcontrast-light.css +28 -1
  65. package/styles/highcontrast.css +28 -1
  66. package/styles/material-dark.css +28 -1
  67. package/styles/material.css +28 -1
  68. package/styles/material3-dark.css +28 -1
  69. package/styles/material3.css +28 -1
  70. package/styles/offline-theme/material-dark.css +29 -2
  71. package/styles/offline-theme/material.css +29 -2
  72. package/styles/offline-theme/tailwind-dark.css +28 -1
  73. package/styles/offline-theme/tailwind.css +28 -1
  74. package/styles/tailwind-dark.css +28 -1
  75. package/styles/tailwind.css +28 -1
package/styles/definition/_bootstrap-dark.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $brand-primary: #0070f0 !default !default;
2
4
  $brand-primary-darken-10: darken($brand-primary, 10%) !default;
3
5
  $brand-primary-darken-15: darken($brand-primary, 20%) !default;
@@ -52,6 +54,8 @@ $shadow: #000 !default;
52
54
  $skin-name: 'bootstrap-dark' !default;
53
55
  $theme-name: 'bootstrap-dark' !default;
54
56
 
57
+ $font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
58
+
55
59
  // mapping Bootstrap variables
56
60
  $grey-base: $gray-base !default;
57
61
  $grey-darker: $gray-darker !default;
@@ -173,3 +177,43 @@ $appbar-hover-bg-color-alt2: rgba(transparent, .056) !default;
173
177
  //shadow
174
178
  $appbar-bottom-shadow: none !default;
175
179
  $appbar-top-shadow: none !default;
180
+
181
+ $font-size: 12px !default;
182
+ $font-weight: normal !default;
183
+ $font-path: 'common-images' !default;
184
+ $header-bg-color: $grey-white !default;
185
+ $header-gradient-color: none !default;
186
+ $header-border-color: $grey-base !default;
187
+ $header-font-color: $grey-light-font !default;
188
+ $header-icon-color: $grey-light-font !default;
189
+ $content-bg-color: $grey-white !default;
190
+ $content-border-color: $grey-base !default;
191
+ $content-font-color: $grey-light-font !default;
192
+ $default-bg-color: $grey-white !default;
193
+ $default-gradient-color: none !default;
194
+ $default-border-color: $grey-base !default;
195
+ $default-font-color: $grey-light-font !default;
196
+ $default-icon-color: $grey-light-font !default;
197
+ $hover-bg-color: $grey-ad !default;
198
+ $hover-gradient-color: none !default;
199
+ $hover-border-color: $grey-base !default;
200
+ $hover-font-color: $grey-light-font !default;
201
+ $hover-icon-color: $grey-light-font !default;
202
+ $active-bg-color: $grey-44 !default;
203
+ $active-gradient-color: none !default;
204
+ $active-border-color: $grey-base !default;
205
+ $active-font-color: $grey-light-font !default;
206
+ $active-icon-color: $grey-light-font !default;
207
+ $error-font-color: $brand-danger-font !default;
208
+ $warning-font-color: $grey-dark-font !default;
209
+ $success-font-color: $brand-success-font !default;
210
+ $information-font-color: $brand-info-font !default;
211
+ $overlay-bg-color: #383838 !default;
212
+ $shadow-color: rgba(0, 0, 0, .4) !default;
213
+ $border-size: 1px !default;
214
+ $border-type: solid !default;
215
+ $border-radius: 0 !default;
216
+ $border-left-radius: 0 !default;
217
+ $border-right-radius: 0 !default;
218
+ $border-top-radius: 0 !default;
219
+ $border-bottom-radius: 0 !default;
package/styles/definition/_bootstrap.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $brand-primary: #317ab9 !default;
2
4
  $brand-primary-darken-10: #3071a9 !default;
3
5
  $brand-primary-darken-15: #2a6496 !default;
@@ -47,6 +49,8 @@ $shadow: #000 !default;
47
49
  $skin-name: 'bootstrap' !default;
48
50
  $theme-name: 'bootstrap' !default;
49
51
 
52
+ $font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
53
+
50
54
  // mapping Bootstrap variables
51
55
  $grey-base: $gray-base !default;
52
56
  $grey-darker: $gray-darker !default;
@@ -168,3 +172,44 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
168
172
  //shadow
169
173
  $appbar-bottom-shadow: none !default;
170
174
  $appbar-top-shadow: none !default;
175
+
176
+ // definition
177
+ $font-size: 12px !default;
178
+ $font-weight: normal !default;
179
+ $font-path: 'common-images' !default;
180
+ $header-bg-color: $grey-white !default;
181
+ $header-gradient-color: none !default;
182
+ $header-border-color: $grey-base !default;
183
+ $header-font-color: $grey-light-font !default;
184
+ $header-icon-color: $grey-light-font !default;
185
+ $content-bg-color: $grey-white !default;
186
+ $content-border-color: $grey-base !default;
187
+ $content-font-color: $grey-light-font !default;
188
+ $default-bg-color: $grey-white !default;
189
+ $default-gradient-color: none !default;
190
+ $default-border-color: $grey-base !default;
191
+ $default-font-color: $grey-light-font !default;
192
+ $default-icon-color: $grey-light-font !default;
193
+ $hover-bg-color: $grey-ad !default;
194
+ $hover-gradient-color: none !default;
195
+ $hover-border-color: $grey-base !default;
196
+ $hover-font-color: $grey-light-font !default;
197
+ $hover-icon-color: $grey-light-font !default;
198
+ $active-bg-color: $grey-44 !default;
199
+ $active-gradient-color: none !default;
200
+ $active-border-color: $grey-base !default;
201
+ $active-font-color: $grey-light-font !default;
202
+ $active-icon-color: $grey-light-font !default;
203
+ $error-font-color: $brand-danger-font !default;
204
+ $warning-font-color: $grey-dark-font !default;
205
+ $success-font-color: $brand-success-font !default;
206
+ $information-font-color: $brand-info-font !default;
207
+ $overlay-bg-color: #383838 !default;
208
+ $shadow-color: rgba(0, 0, 0, .4) !default;
209
+ $border-size: 1px !default;
210
+ $border-type: solid !default;
211
+ $border-radius: 0 !default;
212
+ $border-left-radius: 0 !default;
213
+ $border-right-radius: 0 !default;
214
+ $border-top-radius: 0 !default;
215
+ $border-bottom-radius: 0 !default;
package/styles/definition/_bootstrap4.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // Bootstrap 4 Variables
2
4
 
3
5
  $white: #fff !default;
@@ -38,6 +40,8 @@ $content-popup-bg: $white !default;
38
40
  $skin-name: 'bootstrap4' !default;
39
41
  $theme-name: 'bootstrap4' !default;
40
42
 
43
+ $font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
44
+
41
45
  //Message component
42
46
 
43
47
  //Message Default
@@ -151,3 +155,13 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
151
155
  //shadow
152
156
  $appbar-bottom-shadow: none !default;
153
157
  $appbar-top-shadow: none !default;
158
+
159
+ //defintion
160
+ $font-size: 12px !default;
161
+ $font-weight: normal !default;
162
+ $font-path: 'common-images' !default;
163
+ $error-font-color: $danger !default;
164
+ $warning-font-color: $gray-900 !default;
165
+ $success-font-color: $green !default;
166
+ $information-font-color: $cyan !default;
167
+ $overlay-bg-color: #383838 !default;
package/styles/definition/_bootstrap5-dark.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // color system
2
4
 
3
5
  // black
@@ -482,3 +484,10 @@ $font-icon-24: 24px !default;
482
484
  $font-icon-26: 26px !default;
483
485
  $font-icon-28: 28px !default;
484
486
  $font-icon-32: 32px !default;
487
+
488
+ $font-size: 12px !default;
489
+ $font-weight: 400 !default;
490
+ $error-font-color: $danger !default;
491
+ $warning-font-color: $yellow !default;
492
+ $success-font-color: lighten($green, 10%) !default;
493
+ $information-font-color: $cyan !default;
package/styles/definition/_bootstrap5.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // color system
2
4
 
3
5
  // black
@@ -483,3 +485,10 @@ $font-icon-24: 24px !default;
483
485
  $font-icon-26: 26px !default;
484
486
  $font-icon-28: 28px !default;
485
487
  $font-icon-32: 32px !default;
488
+
489
+ $font-size: 12px !default;
490
+ $font-weight: 400 !default;
491
+ $error-font-color: $danger !default;
492
+ $warning-font-color: $yellow !default;
493
+ $success-font-color: #198754 !default;
494
+ $information-font-color: #0dcaf0 !default;
package/styles/definition/_fabric-dark.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $theme-primary: #0074cc !default;
2
4
  $theme-dark-alt: darken($theme-primary, 3%) !default;
3
5
  $theme-dark: darken($theme-primary, 6%) !default;
@@ -40,6 +42,8 @@ $shadow: #000 !default;
40
42
  $skin-name: 'fabric-dark' !default;
41
43
  $theme-name: 'fabric-dark' !default;
42
44
 
45
+ $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
46
+
43
47
  //Message component
44
48
 
45
49
  //Message Default
@@ -153,3 +157,44 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
153
157
  //shadow
154
158
  $appbar-bottom-shadow: none !default;
155
159
  $appbar-top-shadow: none !default;
160
+
161
+ //definition
162
+ $font-size: 14px !default;
163
+ $font-weight: normal !default;
164
+ $font-path: 'common-images' !default;
165
+ $header-bg-color: $theme-primary !default;
166
+ $header-gradient-color: none !default;
167
+ $header-border-color: $theme-primary !default;
168
+ $header-font-color: $theme-primary-font !default;
169
+ $header-icon-color: $theme-primary-font !default;
170
+ $content-bg-color: $neutral-white !default;
171
+ $content-border-color: $neutral-white !default;
172
+ $content-font-color: $base-font !default;
173
+ $default-bg-color: $neutral-white !default;
174
+ $default-gradient-color: none !default;
175
+ $default-border-color: $neutral-white !default;
176
+ $default-font-color: $base-font !default;
177
+ $default-icon-color: $base-font !default;
178
+ $hover-bg-color: $neutral-light !default;
179
+ $hover-gradient-color: none !default;
180
+ $hover-border-color: $neutral-light !default;
181
+ $hover-font-color: $neutral-light-font !default;
182
+ $hover-icon-color: $neutral-light-font !default;
183
+ $active-bg-color: $theme-light !default;
184
+ $active-gradient-color: none !default;
185
+ $active-border-color: $theme-light !default;
186
+ $active-font-color: $theme-light-font !default;
187
+ $active-icon-color: $theme-light-font !default;
188
+ $error-font-color: $error-font !default;
189
+ $warning-font-color: $alert-font !default;
190
+ $success-font-color: $success-font !default;
191
+ $information-font-color: $message-font !default;
192
+ $overlay-bg-color: #383838 !default;
193
+ $shadow-color: rgba(0, 0, 0, .4) !default;
194
+ $border-size: 1px !default;
195
+ $border-type: solid !default;
196
+ $border-radius: 0 !default;
197
+ $border-left-radius: 0 !default;
198
+ $border-right-radius: 0 !default;
199
+ $border-top-radius: 0 !default;
200
+ $border-bottom-radius: 0 !default;
package/styles/definition/_fabric.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $theme-primary: #0078d6 !default;
2
4
  $theme-dark-alt: darken($theme-primary, 3%) !default;
3
5
  $theme-dark: darken($theme-primary, 10%) !default;
@@ -38,6 +40,8 @@ $shadow: #000 !default;
38
40
  $skin-name: 'fabric' !default;
39
41
  $theme-name: 'fabric' !default;
40
42
 
43
+ $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
44
+
41
45
  //Message component
42
46
 
43
47
  //Message Default
@@ -151,3 +155,44 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
151
155
  //shadow
152
156
  $appbar-bottom-shadow: none !default;
153
157
  $appbar-top-shadow: none !default;
158
+
159
+ //definition
160
+ $font-size: 14px !default;
161
+ $font-weight: normal !default;
162
+ $font-path: 'common-images' !default;
163
+ $header-bg-color: $theme-primary !default;
164
+ $header-gradient-color: none !default;
165
+ $header-border-color: $theme-primary !default;
166
+ $header-font-color: $theme-primary-font !default;
167
+ $header-icon-color: $theme-primary-font !default;
168
+ $content-bg-color: $neutral-white !default;
169
+ $content-border-color: $neutral-white !default;
170
+ $content-font-color: $base-font !default;
171
+ $default-bg-color: $neutral-white !default;
172
+ $default-gradient-color: none !default;
173
+ $default-border-color: $neutral-white !default;
174
+ $default-font-color: $base-font !default;
175
+ $default-icon-color: $base-font !default;
176
+ $hover-bg-color: $neutral-light !default;
177
+ $hover-gradient-color: none !default;
178
+ $hover-border-color: $neutral-light !default;
179
+ $hover-font-color: $neutral-light-font !default;
180
+ $hover-icon-color: $neutral-light-font !default;
181
+ $active-bg-color: $theme-light !default;
182
+ $active-gradient-color: none !default;
183
+ $active-border-color: $theme-light !default;
184
+ $active-font-color: $theme-light-font !default;
185
+ $active-icon-color: $theme-light-font !default;
186
+ $error-font-color: $error-font !default;
187
+ $warning-font-color: $alert-font !default;
188
+ $success-font-color: $success-font !default;
189
+ $information-font-color: $message-font !default;
190
+ $overlay-bg-color: #383838 !default;
191
+ $shadow-color: rgba(0, 0, 0, .4) !default;
192
+ $border-size: 1px !default;
193
+ $border-type: solid !default;
194
+ $border-radius: 0 !default;
195
+ $border-left-radius: 0 !default;
196
+ $border-right-radius: 0 !default;
197
+ $border-top-radius: 0 !default;
198
+ $border-bottom-radius: 0 !default;
package/styles/definition/_fluent-dark.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // color system
2
4
 
3
5
  // black
@@ -546,3 +548,10 @@ $font-icon-24: 24px !default;
546
548
  $font-icon-26: 26px !default;
547
549
  $font-icon-28: 28px !default;
548
550
  $font-icon-32: 32px !default;
551
+
552
+ $font-size: 12px !default;
553
+ $font-weight: 400 !default;
554
+ $error-font-color: $danger !default;
555
+ $warning-font-color: $orange20 !default;
556
+ $success-font-color: $green20 !default;
557
+ $information-font-color: $white !default;
package/styles/definition/_fluent.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // color system
2
4
 
3
5
  // black
@@ -547,3 +549,10 @@ $font-icon-24: 24px !default;
547
549
  $font-icon-26: 26px !default;
548
550
  $font-icon-28: 28px !default;
549
551
  $font-icon-32: 32px !default;
552
+
553
+ $font-size: 12px !default;
554
+ $font-weight: 400 !default;
555
+ $error-font-color: $danger !default;
556
+ $warning-font-color: $orange20 !default;
557
+ $success-font-color: $green20 !default;
558
+ $information-font-color: $white !default;
package/styles/definition/_fusionnew-dark.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // color system
2
4
 
3
5
  // black
package/styles/definition/_fusionnew.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // color system
2
4
 
3
5
  // black
package/styles/definition/_highcontrast-light.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $selection-bg: #400074 !default;
2
4
  $selection-font: #fff !default;
3
5
  $selection-border: #400074 !default;
@@ -35,6 +37,8 @@ $shadow: #000 !default;
35
37
  $skin-name: 'highcontrast-light' !default;
36
38
  $theme-name: 'highcontrast-light' !default;
37
39
 
40
+ $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
41
+
38
42
  //Message Default
39
43
  $msg-color: $bg-base-100 !default;
40
44
  $msg-bg-color: $bg-base-0 !default;
@@ -146,3 +150,44 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
146
150
  //shadow
147
151
  $appbar-bottom-shadow: none !default;
148
152
  $appbar-top-shadow: none !default;
153
+
154
+ //definition
155
+ $font-size: 12px !default;
156
+ $font-weight: normal !default;
157
+ $font-path: 'common-images' !default;
158
+ $header-bg-color: $bg-base-20 !default;
159
+ $header-gradient-color: none !default;
160
+ $header-border-color: $border-default !default;
161
+ $header-font-color: $header-font !default;
162
+ $header-icon-color: $header-font !default;
163
+ $content-bg-color: $bg-base-20 !default;
164
+ $content-border-color: $border-default !default;
165
+ $content-font-color: $content-font !default;
166
+ $default-bg-color: $bg-base-20 !default;
167
+ $default-gradient-color: none !default;
168
+ $default-border-color: $border-default !default;
169
+ $default-font-color: $content-font !default;
170
+ $default-icon-color: $content-font !default;
171
+ $hover-bg-color: $hover-bg !default;
172
+ $hover-gradient-color: none !default;
173
+ $hover-border-color: $hover-border !default;
174
+ $hover-font-color: $hover-font !default;
175
+ $hover-icon-color: $hover-font !default;
176
+ $active-bg-color: $success-bg !default;
177
+ $active-gradient-color: none !default;
178
+ $active-border-color: $border-default !default;
179
+ $active-font-color: $content-font !default;
180
+ $active-icon-color: $content-font !default;
181
+ $error-font-color: $error-alt !default;
182
+ $information-font-color: $info-bg !default;
183
+ $warning-font-color: $msg-warning-color !default;
184
+ $success-font-color: $success-alt !default;
185
+ $overlay-bg-color: #383838 !default;
186
+ $shadow-color: rgba(0, 0, 0, .4) !default;
187
+ $border-size: 1px !default;
188
+ $border-type: solid !default;
189
+ $border-radius: 0 !default;
190
+ $border-left-radius: 0 !default;
191
+ $border-right-radius: 0 !default;
192
+ $border-top-radius: 0 !default;
193
+ $border-bottom-radius: 0 !default;
package/styles/definition/_highcontrast.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $selection-bg: #ffd939 !default;
2
4
  $selection-font: #000 !default;
3
5
  $selection-border: #ffd939 !default;
@@ -35,6 +37,8 @@ $shadow: #000 !default;
35
37
  $skin-name: 'highcontrast' !default;
36
38
  $theme-name: 'highcontrast' !default;
37
39
 
40
+ $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
41
+
38
42
  //Message component
39
43
 
40
44
  //Message Default
@@ -148,3 +152,44 @@ $appbar-hover-bg-color-alt2: rgba(transparent, .056) !default;
148
152
  //shadow
149
153
  $appbar-bottom-shadow: none !default;
150
154
  $appbar-top-shadow: none !default;
155
+
156
+ //definition
157
+ $font-size: 12px !default;
158
+ $font-weight: normal !default;
159
+ $font-path: 'common-images' !default;
160
+ $header-bg-color: $bg-base-20 !default;
161
+ $header-gradient-color: none !default;
162
+ $header-border-color: $border-default !default;
163
+ $header-font-color: $header-font !default;
164
+ $header-icon-color: $header-font !default;
165
+ $content-bg-color: $bg-base-20 !default;
166
+ $content-border-color: $border-default !default;
167
+ $content-font-color: $content-font !default;
168
+ $default-bg-color: $bg-base-20 !default;
169
+ $default-gradient-color: none !default;
170
+ $default-border-color: $border-default !default;
171
+ $default-font-color: $content-font !default;
172
+ $default-icon-color: $content-font !default;
173
+ $hover-bg-color: $hover-bg !default;
174
+ $hover-gradient-color: none !default;
175
+ $hover-border-color: $hover-border !default;
176
+ $hover-font-color: $hover-font !default;
177
+ $hover-icon-color: $hover-font !default;
178
+ $active-bg-color: $success-bg !default;
179
+ $active-gradient-color: none !default;
180
+ $active-border-color: $border-default !default;
181
+ $active-font-color: $content-font !default;
182
+ $active-icon-color: $content-font !default;
183
+ $error-font-color: $error-alt !default;
184
+ $information-font-color: $info-bg !default;
185
+ $warning-font-color: $msg-warning-color !default;
186
+ $success-font-color: $success-alt !default;
187
+ $overlay-bg-color: #383838 !default;
188
+ $shadow-color: rgba(0, 0, 0, .4) !default;
189
+ $border-size: 1px !default;
190
+ $border-type: solid !default;
191
+ $border-radius: 0 !default;
192
+ $border-left-radius: 0 !default;
193
+ $border-right-radius: 0 !default;
194
+ $border-top-radius: 0 !default;
195
+ $border-bottom-radius: 0 !default;
package/styles/definition/_material-dark.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $accent: #00b0ff !default;
2
4
  $accent-font: #000 !default;
3
5
  $primary: #3f51b5 !default;
@@ -152,3 +154,45 @@ $appbar-hover-bg-color-alt2: rgba(transparent, .056) !default;
152
154
  //shadow
153
155
  $appbar-bottom-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .16) !default;
154
156
  $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !default;
157
+
158
+ $font-family: 'Roboto', 'Segoe UI', 'GeezaPro', 'DejaVu Serif', 'sans-serif', '-apple-system', 'BlinkMacSystemFont' !default;
159
+
160
+ $font-size: 12px !default;
161
+ $font-weight: normal !default;
162
+ $font-path: 'common-images' !default;
163
+ $header-bg-color: $grey-white !default;
164
+ $header-gradient-color: none !default;
165
+ $header-border-color: $grey-black !default;
166
+ $header-font-color: $grey-light-font !default;
167
+ $header-icon-color: $grey-light-font !default;
168
+ $content-bg-color: $grey-white !default;
169
+ $content-border-color: $grey-black !default;
170
+ $content-font-color: $grey-light-font !default;
171
+ $default-bg-color: $grey-white !default;
172
+ $default-gradient-color: none !default;
173
+ $default-border-color: $grey-black !default;
174
+ $default-font-color: $grey-light-font !default;
175
+ $default-icon-color: $grey-light-font !default;
176
+ $hover-bg-color: $grey-200 !default;
177
+ $hover-gradient-color: none !default;
178
+ $hover-border-color: $grey-black !default;
179
+ $hover-font-color: $grey-light-font !default;
180
+ $hover-icon-color: $grey-light-font !default;
181
+ $active-bg-color: $grey-100 !default;
182
+ $active-gradient-color: none !default;
183
+ $active-border-color: $grey-black !default;
184
+ $active-font-color: $grey-light-font !default;
185
+ $active-icon-color: $grey-light-font !default;
186
+ $error-font-color: $error-font !default;
187
+ $warning-font-color: #ffca1c !default;
188
+ $success-font-color: #22b24b !default;
189
+ $information-font-color: #489bd5 !default;
190
+ $overlay-bg-color: #383838 !default;
191
+ $shadow-color: rgba(0, 0, 0, .4) !default;
192
+ $border-size: 1px !default;
193
+ $border-type: solid !default;
194
+ $border-radius: 0 !default;
195
+ $border-left-radius: 0 !default;
196
+ $border-right-radius: 0 !default;
197
+ $border-top-radius: 0 !default;
198
+ $border-bottom-radius: 0 !default;
package/styles/definition/_material.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  $accent: #e3165b !default;
2
4
  $accent-font: #fff !default;
3
5
 
@@ -145,3 +147,46 @@ $appbar-hover-bg-color-alt2: rgba(255, 255, 255, .08) !default;
145
147
  //shadow
146
148
  $appbar-bottom-shadow: 0 2px 4px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .16) !default;
147
149
  $appbar-top-shadow: 0 -2px 3px rgba(0, 0, 0, .1), 0 -2px 6px rgba(0, 0, 0, .2) !default;
150
+
151
+ $font-family: 'Roboto', 'Segoe UI', 'GeezaPro', 'DejaVu Serif', 'sans-serif', '-apple-system', 'BlinkMacSystemFont' !default;
152
+
153
+ //definition
154
+ $font-size: 12px !default;
155
+ $font-weight: normal !default;
156
+ $font-path: 'common-images' !default;
157
+ $header-bg-color: $grey-white !default;
158
+ $header-gradient-color: none !default;
159
+ $header-border-color: $grey-black !default;
160
+ $header-font-color: $grey-light-font !default;
161
+ $header-icon-color: $grey-light-font !default;
162
+ $content-bg-color: $grey-white !default;
163
+ $content-border-color: $grey-black !default;
164
+ $content-font-color: $grey-light-font !default;
165
+ $default-bg-color: $grey-white !default;
166
+ $default-gradient-color: none !default;
167
+ $default-border-color: $grey-black !default;
168
+ $default-font-color: $grey-light-font !default;
169
+ $default-icon-color: $grey-light-font !default;
170
+ $hover-bg-color: $grey-200 !default;
171
+ $hover-gradient-color: none !default;
172
+ $hover-border-color: $grey-black !default;
173
+ $hover-font-color: $grey-light-font !default;
174
+ $hover-icon-color: $grey-light-font !default;
175
+ $active-bg-color: $grey-100 !default;
176
+ $active-gradient-color: none !default;
177
+ $active-border-color: $grey-black !default;
178
+ $active-font-color: $grey-light-font !default;
179
+ $active-icon-color: $grey-light-font !default;
180
+ $error-font-color: $error-font !default;
181
+ $warning-font-color: #ffca1c !default;
182
+ $success-font-color: #22b24b !default;
183
+ $information-font-color: #489bd5 !default;
184
+ $overlay-bg-color: #383838 !default;
185
+ $shadow-color: rgba(0, 0, 0, .4) !default;
186
+ $border-size: 1px !default;
187
+ $border-type: solid !default;
188
+ $border-radius: 0 !default;
189
+ $border-left-radius: 0 !default;
190
+ $border-right-radius: 0 !default;
191
+ $border-top-radius: 0 !default;
192
+ $border-bottom-radius: 0 !default;
package/styles/definition/_material3-dark.scss CHANGED
@@ -1,5 +1,6 @@
1
1
  // color system
2
2
  @use 'sass:math';
3
+ @import '../common/mixin.scss';
3
4
 
4
5
  @function mapcolorvariable($pallete-name){
5
6
  @return var(#{'--color-sf-'+ $pallete-name});
@@ -699,3 +700,11 @@ $font-icon-24: 24px !default;
699
700
  $font-icon-26: 26px !default;
700
701
  $font-icon-28: 28px !default;
701
702
  $font-icon-32: 32px !default;
703
+
704
+ //defintion
705
+ $font-size: 12px !default;
706
+ $font-weight: 400 !default;
707
+ $error-font-color: $danger !default;
708
+ $warning-font-color: $warning !default;
709
+ $success-font-color: $success !default;
710
+ $information-font-color: $info !default;
package/styles/definition/_material3.scss CHANGED
@@ -1,4 +1,6 @@
1
1
  @use 'sass:math';
2
+ @import '../common/mixin.scss';
3
+
2
4
  @function mapcolorvariable($pallete-name){
3
5
  @return var(#{'--color-sf-'+ $pallete-name});
4
6
  }
@@ -780,3 +782,11 @@ $font-icon-32: 32px !default;
780
782
  --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
781
783
  --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
782
784
  }
785
+
786
+ //definition
787
+ $font-size: 12px !default;
788
+ $font-weight: 400 !default;
789
+ $error-font-color: $danger !default;
790
+ $warning-font-color: $warning !default;
791
+ $success-font-color: $success !default;
792
+ $information-font-color: $info !default;
package/styles/definition/_tailwind-dark.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  // color system
2
4
 
3
5
  // black
@@ -476,3 +478,11 @@ $font-icon-24: 24px !default;
476
478
  $font-icon-26: 26px !default;
477
479
  $font-icon-28: 28px !default;
478
480
  $font-icon-32: 32px !default;
481
+
482
+ $font-size: 12px !default;
483
+ $font-weight: normal !default;
484
+ $error-font-color: $danger !default;
485
+ $overlay-bg-color: rgba($cool-gray-500, .75) !default;
486
+ $warning-font-color: $orange-700 !default;
487
+ $success-font-color: $green-700 !default;
488
+ $information-font-color: $cyan-700 !default;
package/styles/definition/_tailwind.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import '../common/mixin.scss';
2
+
1
3
  //Color system
2
4
 
3
5
  //Black
@@ -473,3 +475,11 @@ $font-icon-24: 24px !default;
473
475
  $font-icon-26: 26px !default;
474
476
  $font-icon-28: 28px !default;
475
477
  $font-icon-32: 32px !default;
478
+
479
+ $font-size: 12px !default;
480
+ $font-weight: normal !default;
481
+ $error-font-color: $danger !default;
482
+ $overlay-bg-color: rgba($cool-gray-500, .75) !default;
483
+ $warning-font-color: $orange-700 !default;
484
+ $success-font-color: $green-700 !default;
485
+ $information-font-color: $cyan-700 !default;