@syncfusion/ej2-base 19.3.53 → 19.4.38

package/styles/definition/_fluent.scss

@@ -0,0 +1,410 @@
+// color system
+
+// black
+$black:    #000 !default;
+
+// White
+$white:    #fff !default;
+
+@function shade-color($color, $percentage) {
+  @return mix($black, $color, $percentage);
+}
+
+@function tint-color($color, $percentage) {
+  @return mix($white, $color, $percentage);
+}
+
+// Transparent
+$transparent: transparent;
+
+//Neutrals
+//not used
+$gray220: #11100f !default;
+//not used
+$gray210: #161514 !default;
+//not used
+$gray200: #1b1a19 !default;
+$gray190: #201f1e !default;
+//not used
+$gray180: #252423 !default;
+//not used
+$gray170: #292827 !default;
+$gray160: #323130 !default;
+$gray150: #3b3a39 !default;
+//not used
+$gray140: #484644 !default;
+$gray130: #605e5c !default;
+//not used
+$gray120: #797775 !default;
+$gray110: #8a8886 !default;
+//not used
+$gray100: #979593 !default;
+$gray90: #a19f9d !default;
+//not used
+$gray80: #b3b0ad !default;
+//not used
+$gray70: #bebbb8 !default;
+$gray60: #c8c6c4 !default;
+$gray50: #d2d0ce !default;
+$gray40: #e1dfdd !default;
+$gray30: #edebe9 !default;
+$gray20: #f3f2f1 !default;
+$gray10: #faf9f8 !default;
+
+// Shared
+$cyanblue10:    #0078d4 !default;
+$red10:     #d13438 !default;
+$orange20:  #ca5010 !default;
+$green20:   #0b6a0b !default;
+$cyan20: #038387 !default;
+
+// Primary palette
+$theme-primary: $cyanblue10 !default;
+$theme-lighter-alt: #eff6fc !default;
+$theme-lighter: #deecf9 !default;
+$theme-light: #c7e0f4 !default;
+$theme-tertiary: #2b88d8 !default;
+$theme-dark-alt: #106ebe !default;
+$theme-dark: #005a9e !default;
+$theme-darker: #004578 !default;
+
+
+$primary:      $theme-primary !default;
+$primary-text-color: $white !default;
+$primary-light: $theme-light !default;
+$primary-lighter: $theme-lighter !default;
+$primary-dark: $theme-dark !default;
+$primary-darker: $theme-darker !default;
+$success:       $green20 !default;
+$info:          $cyan20 !default;
+$warning:       $orange20 !default;
+$danger:        $red10 !default;
+$success-light:       #dff6dd !default;
+$info-light:          #e5f4fd !default;
+$warning-light:       #fff4ce !default;
+$danger-light:        #fed9cc !default;
+$success-dark:       darken($success, 10%) !default;
+$info-dark:          darken($info, 25%) !default;
+$warning-dark:       darken($warning, 25%) !default;
+$danger-dark:        darken($danger, 10%) !default;
+$success-light-alt: $success-light !default;
+$info-light-alt: $info-light !default;
+$warning-light-alt: $warning-light !default;
+$danger-light-alt: $danger-light !default;
+
+
+
+// backgroundcolor
+$content-bg-color: $white !default;
+$content-bg-color-alt1: $gray10 !default;
+$content-bg-color-alt2: $gray20 !default;
+$content-bg-color-alt3: $gray30 !default;
+$content-bg-color-alt4: $gray40 !default;
+$content-bg-color-alt5: $gray50 !default;
+$content-bg-color-alt6: $gray60 !default;
+$content-bg-color-hover: $gray20 !default;
+$content-bg-color-pressed: $gray40 !default;
+$content-bg-color-focus: $gray30 !default;
+$content-bg-color-selected: $gray30 !default;
+$content-bg-color-dragged: rgba($gray20, .9) !default;
+$content-bg-color-disabled: $white !default;
+$flyout-bg-color: $white !default;
+$flyout-bg-color-hover: $gray20 !default;
+$flyout-bg-color-pressed: $gray30 !default;
+$flyout-bg-color-selected: $gray30 !default;
+$flyout-bg-color-focus: $gray30 !default;
+$overlay-bg-color: rgba($black, .4) !default;
+$table-bg-color-hover: $gray20 !default;
+$table-bg-color-pressed: $gray40 !default;
+$table-bg-color-selected: $gray30 !default;
+
+// all theme common color
+$colorpicker-gradient-1: #f00 !default;
+$colorpicker-gradient-2: #ff0 !default;
+$ccolorpicker-gradient-3: #0f0 !default;
+$colorpicker-gradient-4: #0ff !default;
+$colorpicker-gradient-5: #00f !default;
+$colorpicker-gradient-6: #f0f !default;
+$colorpicker-gradient-7: #ff0004 !default;
+$spreadsheet-selection-1: #673ab8;
+$spreadsheet-selection-2: #9c27b0;
+$spreadsheet-selection-3: #029688;
+$spreadsheet-selection-4: #4caf51;
+$spreadsheet-selection-5: #fe9800;
+$spreadsheet-selection-6: #3f52b5;
+
+
+// text-color
+$content-text-color: $gray190 !default;
+$content-text-color-alt1: $gray160 !default;
+$content-text-color-alt2: $gray150 !default;
+$content-text-color-alt3: $gray130 !default;
+$content-text-color-hover: $gray190 !default;
+$content-text-color-pressed: $gray190 !default;
+$content-text-color-focus: $gray190 !default;
+$content-text-color-selected: $gray190 !default;
+$content-text-color-dragged: $gray190 !default;
+$content-text-color-disabled: $gray90 !default;
+$placeholder-text-color: $gray130  !default;
+$flyout-text-color: $gray190 !default;
+$flyout-text-color-hover: $gray190 !default;
+$flyout-text-color-pressed: $gray190 !default;
+$flyout-text-color-selected: $gray190 !default;
+$flyout-text-color-focus: $gray190 !default;
+$flyout-text-color-disabled: $gray90 !default;
+$table-text-color-hover: $gray190 !default;
+$table-text-color-pressed: $gray190 !default;
+$table-text-color-selected: $gray190 !default;
+
+// icon-color
+$icon-color: $gray130 !default;
+$icon-color-hover: $gray160 !default;
+$icon-color-pressed: $gray190 !default;
+$icon-color-disabled: $gray90 !default;
+
+// border-color
+$border-light: $gray30 !default;
+$border: $gray130 !default;
+$border-alt: $gray160 !default;
+$border-dark: $gray60 !default;
+$border-hover: $gray40 !default;
+$border-pressed: $gray50 !default;
+$border-focus: $gray40 !default;
+$border-selected: $gray50 !default;
+$border-dragged: $gray30 !default;
+$border-disabled: $gray30 !default;
+$border-warning: $warning !default;
+$border-error: #a4262c !default;
+$border-success: #107c10 !default;
+$spreadsheet-gridline: $gray30 !default;
+$flyout-border: $gray30 !default;
+
+// Tooltip
+$tooltip-bg-color: $white !default;
+$tooltip-border: $tooltip-bg-color;
+$toooltip-text-color: $gray160 !default;
+
+
+
+// shadow
+$shadow: 0 .8px 16px rgba($black, .15) !default;
+$shadow-sm: 0 1.6px 3.6px 0 rgba($black, .132), 0 .3px .9px 0 rgba($black, .108) !default;
+$shadow-md: 0 3.2px 7.2px 0 rgba($black, .132), 0 .6px 1.8px 0 rgba($black, .108) !default;
+$shadow-lg:  0 6.4px 14.4px 0 rgba($black, .132), 0 1.2px 3.6px 0 rgba($black, .108) !default;
+$shadow-xl: 0 25.6px 57.6px 0 rgba($black, .22), 0 4.8px 14.4px 0 rgba($black, .18) !default;
+$shadow-2xl: 0 25px 50px -12px rgba($black, .25) !default;
+$shadow-inner: inset 0 1px 2px rgba($black, .075) !default;
+$shadow-none: 0 0 rgba($black, 0) !default;
+
+$shadow-focus-ring1: inset 1px 0 $primary, inset 0 1px $primary, inset -1px 0 $primary, inset 0 -1px $primary !default;
+$shadow-focus-ring2: 0 0 0 1px rgba($gray130, .95) !default;
+$primary-shadow-focus: 0 0 0 4px rgba(tint-color($primary, 15%), .5) !default;
+$secondary-shadow-focus: 0 0 0 4px rgba(tint-color($gray160, 15%), .5) !default;
+$success-shadow-focus: 0 0 0 4px rgba(tint-color($success, 15%), .5) !default;
+$danger-shadow-focus: 0 0 0 4px rgba(tint-color($danger, 15%), .5) !default;
+$info-shadow-focus: 0 0 0 4px rgba(tint-color($info, 15%), .5) !default;
+$warning-shadow-focus: 0 0 0 4px rgba(tint-color($warning, 15%), .5) !default;
+
+
+// fontfamily
+$font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Helvetica Neue', sans-serif !default;
+
+
+// default font Size
+$text-xxs: 10px !default;
+$text-xs: 12px !default;
+$text-sm: 14px !default;
+$text-base: 16px !default;
+$text-lg: 18px !default;
+$text-xl: 20px !default;
+$text-2xl: 24px !default;
+$text-3xl: 28px !default;
+$text-4xl: 32px !default;
+$text-5xl: 42px !default;
+$text-6xl: 68px !default;
+$text-7xl: 78px !default;
+$text-8xl: 96px !default;
+$text-9xl: 128px !default;
+
+// heading
+$h1-font-size: 40px !default;
+$h2-font-size: 32px !default;
+$h3-font-size: 28px !default;
+$h4-font-size: $text-2xl !default;
+$h5-font-size: $text-xl !default;
+$h6-font-size: $text-base !default;
+
+// Display
+
+// Line height
+$leading-none: 1 !default;
+$leading-tight: 1.25 !default;
+$leading-snug: 1.375 !default;
+$leading-normal: 1.5 !default;
+$leading-relaxed: 1.625 !default;
+$leading-loose: 2 !default;
+
+
+// font Weight
+$font-weight-lighter:         lighter !default;
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-medium:          600 !default;
+$font-weight-bold:            700 !default;
+$font-weight-bolder:          bolder !default;
+
+
+// Secondary-button
+
+$secondary-bg-color: $white !default;
+$secondary-border-color: $gray110 !default;
+$secondary-text-color: $gray160 !default;
+$secondary-bg-color-hover: $gray20 !default;
+$secondary-border-color-hover: $secondary-border-color !default;
+$secondary-text-color-hover: $secondary-text-color !default;
+$secondary-bg-color-pressed: $gray30 !default;
+$secondary-border-color-pressed: secondary-border-color !default;
+$secondary-text-color-pressed: $secondary-text-color !default;
+$secondary-bg-color-focus: $secondary-bg-color-hover !default;
+$secondary-border-color-focus: $secondary-border-color-hover !default;
+$secondary-text-color-focus: $secondary-text-color-hover !default;
+$secondary-bg-color-disabled: $gray20 !default;
+$secondary-border-color-disabled: $gray20 !default;
+$secondary-text-color-disabled: $gray90 !default;
+
+
+
+// Primary-button
+
+$primary-bg-color: $primary !default;
+$primary-border-color: $primary !default;
+$primary-text: $primary-text-color !default;
+$primary-bg-color-hover: shade-color($primary-bg-color, 10%) !default;
+$primary-border-color-hover: $primary-bg-color-hover !default;
+$primary-text-hover: $primary-text !default;
+$primary-bg-color-pressed: shade-color($primary-bg-color, 20%) !default;
+$primary-border-color-pressed: $primary-bg-color-pressed !default;
+$primary-text-pressed: $primary-text-color !default;
+$primary-bg-color-focus: $primary-bg-color-hover !default;
+$primary-border-color-focus: $primary-border-color-hover !default;
+$primary-text-focus: $primary-text !default;
+$primary-bg-color-disabled: $gray20 !default;
+$primary-border-color-disabled: $gray20 !default;
+$primary-text-disabled: $gray90 !default;
+
+// Success-button
+
+$success-bg-color: $success !default;
+$success-border-color: $success !default;
+$success-text: $white !default;
+$success-bg-color-hover: shade-color($success-bg-color, 10%) !default;
+$success-border-color-hover: $success-bg-color-hover !default;
+$success-text-hover: $success-text !default;
+$success-bg-color-pressed: shade-color($success-bg-color, 20%) !default;
+$success-border-color-pressed: $success-bg-color-pressed !default;
+$success-text-pressed: $success-text !default;
+$success-bg-color-focus: $success-bg-color-hover !default;
+$success-border-color-focus: $success-border-color-hover !default;
+$success-text-focus: $success-text !default;
+$success-bg-color-disabled: $gray20 !default;
+$success-border-color-disabled: $gray20 !default;
+$success-text-disabled: $gray90 !default;
+
+// Warning-button
+$warning-bg-color: $warning !default;
+$warning-border-color: $warning !default;
+$warning-text: $white !default;
+$warning-bg-color-hover: tint-color($warning-bg-color, 10%) !default;
+$warning-border-color-hover: $warning-bg-color-hover !default;
+$warning-text-hover: $warning-text !default;
+$warning-bg-color-pressed: tint-color($warning-bg-color, 20%) !default;
+$warning-border-color-pressed: $warning-bg-color-pressed !default;
+$warning-text-pressed: $warning-text !default;
+$warning-bg-color-focus: $warning-bg-color-hover !default;
+$warning-border-color-focus: $warning-border-color-hover !default;
+$warning-text-focus: $warning-text !default;
+$warning-bg-color-disabled: $gray20 !default;
+$warning-border-color-disabled: $gray20 !default;
+$warning-text-disabled: $gray90 !default;
+
+// danger-button
+$danger-bg-color: $danger !default;
+$danger-border-color: $danger !default;
+$danger-text: $white !default;
+$danger-bg-color-hover: shade-color($danger-bg-color, 10%) !default;
+$danger-border-color-hover: $danger-bg-color-hover !default;
+$danger-text-hover: $danger-text !default;
+$danger-bg-color-pressed: shade-color($danger-bg-color, 20%) !default;
+$danger-border-color-pressed: $danger-bg-color-pressed !default;
+$danger-text-pressed: $danger-text !default;
+$danger-bg-color-focus: $danger-bg-color-hover !default;
+$danger-border-color-focus: $danger-border-color-hover !default;
+$danger-text-focus: $danger-text !default;
+$danger-bg-color-disabled: $gray20 !default;
+$danger-border-color-disabled: $gray20 !default;
+$danger-text-disabled: $gray90 !default;
+
+// Info-button
+$info-bg-color: $info !default;
+$info-border-color: $info-bg-color !default;
+$info-text: $white !default;
+$info-bg-color-hover: shade-color($info-bg-color, 10%) !default;
+$info-border-color-hover: $info-bg-color-hover !default;
+$info-text-hover: $info-text !default;
+$info-bg-color-pressed: tint-color($info-bg-color, 20%) !default;
+$info-border-color-pressed: $info-bg-color-pressed !default;
+$info-text-pressed: $info-text !default;
+$info-bg-color-focus: $info-bg-color-hover !default;
+$info-border-color-focus: $info-border-color-hover !default;
+$info-text-focus: $info-text-hover !default;
+$info-bg-color-disabled: $gray20 !default;
+$info-border-color-disabled: $gray20 !default;
+$info-text-disabled: $gray90 !default;
+
+//Outline button
+$primary-outline: $primary-bg-color !default;
+$secondary-outline: $secondary-text-color !default;
+$warning-outline: $warning-bg-color !default;
+$danger-outline: $danger-bg-color !default;
+$success-outline: $success-bg-color !default;
+$info-outline: $info-bg-color !default;
+
+//Toast-text
+$toast-text-color: $gray190;
+$toast-alt-text-color: $gray190;
+
+
+// chart series
+
+$series-1: $gray30;
+$series-2: $gray50;
+$series-3: $gray60;
+$series-4: $gray90;
+$series-5: #614570;
+$series-6: #4c6fb1;
+$series-7: #cc6952;
+$series-8: #3f579a;
+$series-9: #4ea09b;
+$series-10: #6e7a89;
+$series-11: #3d75a6;
+$series-12: #f3a93c;
+$skin-name: 'FluentUI' !default;
+$theme-name: 'FluentUI' !default;
+
+//Diagram Palette color
+$diagram-palette-background: $white !default;
+$diagram-palette-hover-background: $content-bg-color-hover !default;
+
+//B5 variables
+$gray-900: #212529 !default;
+
+//border-radius
+$inputs-radius: 2px !default;
+$flyout-radius: $inputs-radius !default;
+$model-radius: $inputs-radius !default;
+$inputs-radius-bigger: $inputs-radius !default;
+$flyout-radius-bigger: $inputs-radius !default;
+$model-radius-bigger: $inputs-radius !default;
+$inputs-radius-small: $inputs-radius !default;
+$flyout-radius-small: $inputs-radius !default;
+$model-radius-small: $inputs-radius !default;

package/styles/definition/_highcontrast-light.scss

@@ -33,3 +33,4 @@ $info-alt: #66b0ff !default;
 $disable: #757575 !default;
 $shadow: #000 !default;
 $skin-name: 'highcontrast-light' !default;
+$theme-name: 'highcontrast-light' !default;

package/styles/definition/_highcontrast.scss

@@ -33,3 +33,4 @@ $info-alt: #66b0ff !default;
 $disable: #757575 !default;
 $shadow: #000 !default;
 $skin-name: 'highcontrast' !default;
+$theme-name: 'highcontrast' !default;

package/styles/definition/_material-dark.scss

@@ -37,3 +37,4 @@ $warning-font: #ff9800 !default;
 $info-font: #03a9f4 !default;
 $shadow: #000 !default;
 $skin-name: 'material-dark' !default;
+$theme-name: 'material-dark' !default;

package/styles/definition/_material.scss

@@ -30,3 +30,4 @@ $base-font: #000 !default;
 $error-font: #f44336 !default;
 $shadow: #000 !default;
 $skin-name: 'material' !default;
+$theme-name: 'material' !default;

package/styles/definition/_tailwind-dark.scss

@@ -329,6 +329,7 @@ $series-10: #22c55e;
 $series-11: #d83b01;
 $series-12: #ffb900;
 $skin-name: 'tailwind' !default;
+$theme-name: 'tailwind-dark' !default;
 $colorpicker-gradient-1: #f00 !default;
 $colorpicker-gradient-2: #ff0 !default;
 $ccolorpicker-gradient-3: #0f0 !default;

package/styles/definition/_tailwind.scss

@@ -326,6 +326,7 @@ $series-10: #107c10;
 $series-11: #d83b01;
 $series-12: #ffb900;
 $skin-name: 'tailwind' !default;
+$theme-name: 'tailwind' !default;
 $colorpicker-gradient-1: #f00 !default;
 $colorpicker-gradient-2: #ff0 !default;
 $ccolorpicker-gradient-3: #0f0 !default;

package/styles/fabric-dark.css

@@ -2610,6 +2610,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #ff5f5f;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/fabric.css

@@ -2610,6 +2610,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #a80000;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/highcontrast-light.css

@@ -2594,6 +2594,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #ff6161;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/highcontrast.css

@@ -2594,6 +2594,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #ff6161;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";

package/styles/material-dark.css

@@ -2571,6 +2571,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #ff6652;
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";

package/styles/material.css

@@ -2571,6 +2571,37 @@
   font-weight: normal;
 }
 
+.sf-license-warning {
+  background: #e82824;
+  color: #fff;
+  font-family: 'Segoe UI';
+  font-size: medium;
+  left: 0;
+  line-height: 45px;
+  opacity: .75;
+  position: fixed;
+  right: 0;
+  text-align: center;
+  top: 0;
+  z-index: 999999999;
+}
+
+.sf-license-close-btn {
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIyMCIgd2lkdGg9IjIwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+ICA8Zz4gICAgPHBhdGggaWQ9InBhdGgxIiB0cmFuc2Zvcm09InJvdGF0ZSgxLDEyOCwxMjgpIHRyYW5zbGF0ZSg1OS4wMTA3Nzk0NDEwNDU1LDU5KSBzY2FsZSg0LjMxMjUwMDI1NzA0NTA1LDQuMzEyNTAwMjU3MDQ1MDUpIiBmaWxsPSIjZmZmZmZmIiBkPSJNMjkuNTkwODE4LDBDMzAuMjA2OTYzLDAgMzAuODIzMjI3LDAuMjM0NDk5OTMgMzEuMjkyMjI5LDAuNzAzNDk5NzkgMzIuMjI5MjU2LDEuNjQwNTAwMSAzMi4yMjkyNTYsMy4xNjA1MDA1IDMxLjI5MjIyOSw0LjEwMDQ5OTJMMTkuMzk4MDAzLDE1Ljk5ODQ5OCAzMS4yOTIyMjksMjcuODkyNDk1QzMyLjIyOTI1NiwyOC44Mjk0OTkgMzIuMjI5MjU2LDMwLjM0OTQ5NiAzMS4yOTIyMjksMzEuMjk0NDk2IDMwLjM1NDIyNywzMi4yMzE1IDI4LjgyNzE2NCwzMi4yMzE1IDI3Ljg5MDEzOSwzMS4yOTQ0OTZMMTUuOTk3OTg4LDE5LjM5OTQ5OSA0LjEwNDc5OTIsMzEuMjk2NTAyQzMuMTY3NzczNCwzMi4yMzQ0OTggMS42Mzk3MzQ3LDMyLjIzNDQ5OCAwLjcwMjc2OTY5LDMxLjI5NjUwMiAtMC4yMzQyNTY1NiwzMC4zNTI1MDIgLTAuMjM0MjU2NTYsMjguODMyNDk4IDAuNzAyNzY5NjksMjcuODk0NTAyTDEyLjU5NjkzNCwxNS45OTg0OTggMC43MDI3Njk2OSw0LjEwMjQ5ODFDLTAuMjM0MjU2NTYsMy4xNjU0OTc4IC0wLjIzNDI1NjU2LDEuNjQ1NDk3MyAwLjcwMjc2OTY5LDAuNzA1NDk4NyAxLjYzOTczNDcsLTAuMjMxNTAxNTggMy4xNjc3NzM0LC0wLjIzMTUwMTU4IDQuMTA0Nzk5MiwwLjcwNTQ5ODdMMTUuOTk2OTUsMTIuNTk3NDk3IDI3Ljg5MDEzOSwwLjcwMzQ5OTc5QzI4LjM1ODY1LDAuMjM0NDk5OTMsMjguOTc0Njc0LDAsMjkuNTkwODE4LDB6IiAvPiAgPC9nPjwvc3ZnPg==");
+  cursor: pointer;
+  height: 20px;
+  margin-top: 14px;
+  padding-top: 10px;
+  position: absolute;
+  right: 20px;
+  width: 20px;
+}
+
+.sf-license-warning a,
+.sf-license-warning a:hover {
+  color: #ffd800;
+}
+
 .e-error {
   color: #f44336;
   font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";