neo.mjs 5.18.0 → 6.0.1

package/resources/scss/theme-light/component/BoxLabel.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'boxlabel-background-color': #fff,
-    'boxlabel-border'          : 1px solid #ddd,
-    'boxlabel-color'           : #000
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-box-label
-        --boxlabel-background-color: #{neo(boxlabel-background-color)};
-        --boxlabel-border          : #{neo(boxlabel-border)};
-        --boxlabel-color           : #{neo(boxlabel-color)};
-    }
-}
+:root .neo-theme-light { // .neo-box-label
+    --boxlabel-background-color: #fff;
+    --boxlabel-border          : 1px solid #ddd;
+    --boxlabel-color           : #000;
+}

package/resources/scss/theme-light/component/Chip.scss

@@ -1,31 +1,14 @@
-$neoMap: map-merge($neoMap, (
-    'chip-align-items'             : center,
-    'chip-border'                  : 1px solid #ddd,
-    'chip-border-color-focus'      : #1c60a0,
-    'chip-border-radius'           : 15px,
-    'chip-close-button-color'      : #ddd,
-    'chip-close-button-color-hover': #1c60a0,
-    'chip-glyph-color'             : #1c60a0,
-    'chip-height'                  : 30px,
-    'chip-justify-content'         : center,
-    'chip-text-align'              : left,
-    'chip-text-color'              : #000,
-    'chip-text-font-size'          : 12px
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-chip
-        --chip-align-items             : #{neo(chip-align-items)};
-        --chip-border                  : #{neo(chip-border)};
-        --chip-border-color-focus      : #{neo(chip-border-color-focus)};
-        --chip-border-radius           : #{neo(chip-border-radius)};
-        --chip-close-button-color      : #{neo(chip-close-button-color)};
-        --chip-close-button-color-hover: #{neo(chip-close-button-color-hover)};
-        --chip-glyph-color             : #{neo(chip-glyph-color)};
-        --chip-height                  : #{neo(chip-height)};
-        --chip-justify-content         : #{neo(chip-justify-content)};
-        --chip-text-align              : #{neo(chip-text-align)};
-        --chip-text-color              : #{neo(chip-text-color)};
-        --chip-text-font-size          : #{neo(chip-text-font-size)};
-    }
-}
+:root .neo-theme-light { // .neo-chip
+    --chip-align-items             : center;
+    --chip-border                  : 1px solid #ddd;
+    --chip-border-color-focus      : #1c60a0;
+    --chip-border-radius           : 15px;
+    --chip-close-button-color      : #ddd;
+    --chip-close-button-color-hover: #1c60a0;
+    --chip-glyph-color             : #1c60a0;
+    --chip-height                  : 30px;
+    --chip-justify-content         : center;
+    --chip-text-align              : left;
+    --chip-text-color              : #000;
+    --chip-text-font-size          : 12px;
+}

package/resources/scss/theme-light/component/DateSelector.scss

@@ -1,52 +1,24 @@
-$neoMap: map-merge($neoMap, (
-    'dateselector-background-color'              : #323232,
-    'dateselector-border-color'                  : #ddd,
-    'dateselector-cell-background-color'         : #fff,
-    'dateselector-cell-background-color-disabled': #fff,
-    'dateselector-cell-color'                    : #000,
-    'dateselector-cell-color-disabled'           : #999,
-    'dateselector-cell-color-selected'           : #fff,
-    'dateselector-cell-opacity-disabled'         : 1,
-    'dateselector-cell-today-border-color'       : #5d83a7,
-    'dateselector-color'                         : #000,
-    'dateselector-content-border-top'            : none,
-    'dateselector-header-background-color'       : #fff,
-    'dateselector-header-border-bottom'          : none,
-    'dateselector-header-cell-background-color'  : #5d83a7,
-    'dateselector-header-cell-border-bottom'     : none,
-    'dateselector-header-cell-color'             : #fff,
-    'dateselector-header-month-text-color'       : #000,
-    'dateselector-header-year-text-color'        : #1c60a0,
-    'dateselector-nav-button-background-color'   : #fff,
-    'dateselector-nav-button-color'              : #bbb,
-    'dateselector-nav-button-color-hover'        : #1c60a0,
-    'dateselector-nav-button-inner-border'       : none
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-dateselector
-        --dateselector-background-color              : #{neo(dateselector-background-color)};
-        --dateselector-border-color                  : #{neo(dateselector-border-color)};
-        --dateselector-cell-background-color         : #{neo(dateselector-cell-background-color)};
-        --dateselector-cell-background-color-disabled: #{neo(dateselector-cell-background-color-disabled)};
-        --dateselector-cell-color                    : #{neo(dateselector-cell-color)};
-        --dateselector-cell-color-disabled           : #{neo(dateselector-cell-color-disabled)};
-        --dateselector-cell-color-selected           : #{neo(dateselector-cell-color-selected)};
-        --dateselector-cell-opacity-disabled         : #{neo(dateselector-cell-opacity-disabled)};
-        --dateselector-cell-today-border-color       : #{neo(dateselector-cell-today-border-color)};
-        --dateselector-color                         : #{neo(dateselector-color)};
-        --dateselector-content-border-top            : #{neo(dateselector-content-border-top)};
-        --dateselector-header-background-color       : #{neo(dateselector-header-background-color)};
-        --dateselector-header-border-bottom          : #{neo(dateselector-header-border-bottom)};
-        --dateselector-header-cell-background-color  : #{neo(dateselector-header-cell-background-color)};
-        --dateselector-header-cell-border-bottom     : #{neo(dateselector-header-cell-border-bottom)};
-        --dateselector-header-cell-color             : #{neo(dateselector-header-cell-color)};
-        --dateselector-header-month-text-color       : #{neo(dateselector-header-month-text-color)};
-        --dateselector-header-year-text-color        : #{neo(dateselector-header-year-text-color)};
-        --dateselector-nav-button-background-color   : #{neo(dateselector-nav-button-background-color)};
-        --dateselector-nav-button-border             : #{neo(dateselector-nav-button-border)};
-        --dateselector-nav-button-color              : #{neo(dateselector-nav-button-color)};
-        --dateselector-nav-button-color-hover        : #{neo(dateselector-nav-button-color-hover)};
-        --dateselector-nav-button-inner-border       : #{neo(dateselector-nav-button-inner-border)};
-    }
-}
+:root .neo-theme-light { // .neo-dateselector
+    --dateselector-background-color              : #323232;
+    --dateselector-border-color                  : #ddd;
+    --dateselector-cell-background-color         : #fff;
+    --dateselector-cell-background-color-disabled: #fff;
+    --dateselector-cell-color                    : #000;
+    --dateselector-cell-color-disabled           : #999;
+    --dateselector-cell-color-selected           : #fff;
+    --dateselector-cell-opacity-disabled         : 1;
+    --dateselector-cell-today-border-color       : #5d83a7;
+    --dateselector-color                         : #000;
+    --dateselector-content-border-top            : none;
+    --dateselector-header-background-color       : #fff;
+    --dateselector-header-border-bottom          : none;
+    --dateselector-header-cell-background-color  : #5d83a7;
+    --dateselector-header-cell-border-bottom     : none;
+    --dateselector-header-cell-color             : #fff;
+    --dateselector-header-month-text-color       : #000;
+    --dateselector-header-year-text-color        : #1c60a0;
+    --dateselector-nav-button-background-color   : #fff;
+    --dateselector-nav-button-color              : #bbb;
+    --dateselector-nav-button-color-hover        : #1c60a0;
+    --dateselector-nav-button-inner-border       : none;
+}

package/resources/scss/theme-light/component/Process.scss

@@ -1,21 +1,9 @@
-$neoMap: map-merge($neoMap, (
-  'process-arrow-color'     :  #6d5f28,
-  'process-background-color': #fff,
-  'process-icon-color'      : #a3996f,
-  'process-icon-size'       : 2rem,
-  'process-shadow-color'    : rgba(0, 0, 0, .5),
-  'process-title-color'     : #363636,
-  'process-text-color'      : #444444
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-light {
-    --process-arrow-color     : #{neo(process-arrow-color)};
-    --process-background-color: #{neo(process-background-color)};
-    --process-icon-color      : #{neo(process-icon-color)};
-    --process-icon-size       : #{neo(process-icon-size)};
-    --process-shadow-color    : #{neo(process-shadow-color)};
-    --process-title-color     : #{neo(process-title-color)};
-    --process-text-color      : #{neo(process-text-color)};
-  }
-}
+:root .neo-theme-light {
+    --process-arrow-color     : #6d5f28;
+    --process-background-color: #fff;
+    --process-icon-color      : #a3996f;
+    --process-icon-size       : 2rem;
+    --process-shadow-color    : rgba(0, 0, 0, .5);
+    --process-text-color      : #444444;
+    --process-title-color     : #363636;
+}

package/resources/scss/theme-light/component/Progress.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'progress-label-color': #000
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light {
-        --progress-label-color: #{neo(progress-label-color)};
-    }
-}
+:root .neo-theme-light {
+    --progress-label-color: #000;
+}

package/resources/scss/theme-light/component/Splitter.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'splitter-background-color': #f2f2f2,
-    'splitter-border'          : 1px solid #ddd,
-    'splitter-hover-color'     : #5d83a7
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-splitter
-        --splitter-background-color: #{neo(splitter-background-color)};
-        --splitter-border          : #{neo(splitter-border)};
-        --splitter-hover-color     : #{neo(splitter-hover-color)};
-    }
+:root .neo-theme-light { // .neo-splitter
+    --splitter-background-color: #f2f2f2;
+    --splitter-border          : 1px solid #ddd;
+    --splitter-hover-color     : #5d83a7
 }

package/resources/scss/theme-light/component/StatusBadge.scss

@@ -1,41 +1,19 @@
-$neoMap: map-merge($neoMap, (
-    'status-badge-padding'                          : 0px 5px 0px 5px,
-    'status-badge-align-items'                      : center,
-    'status-badge-state-alert-background-color'     : orange,
-    'status-badge-state-alert-text-color'           : black,
-    'status-badge-state-error-background-color'     : red,
-    'status-badge-state-error-text-color'           : white,
-    'status-badge-state-info-background-color'      : lightblue,
-    'status-badge-state-info-text-color'            : black,
-    'status-badge-state-neutral-background-color'   : white,
-    'status-badge-state-neutral-text-color'         : black,
-    'status-badge-state-success-background-color'   : green,
-    'status-badge-state-success-text-color'         : white,
-    'status-badge-font-size'                        : 11px,
-    'status-badge-font-family'                      : #{neo(neo-font-family)},
-    'status-badge-font-weight'                      : 600,
-    'status-badge-line-height'                      : 11px,
-    'status-badge-transform'                        : none
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light {
-        --status-badge-padding                          : #{neo(status-badge-padding)};
-        --status-badge-align-items                      : #{neo(status-badge-align-items)};
-        --status-badge-state-alert-background-color     : #{neo(status-badge-state-alert-background-color)};
-        --status-badge-state-alert-text-color           : #{neo(status-badge-state-alert-text-color)};
-        --status-badge-state-error-background-color     : #{neo(status-badge-state-error-background-color)};
-        --status-badge-state-error-text-color           : #{neo(status-badge-state-error-text-color)};
-        --status-badge-state-info-background-color      : #{neo(status-badge-state-info-background-color)};
-        --status-badge-state-info-text-color            : #{neo(status-badge-state-info-text-color)};
-        --status-badge-state-neutral-background-color   : #{neo(status-badge-state-neutral-background-color)};
-        --status-badge-state-neutral-text-color         : #{neo(status-badge-state-neutral-text-color)};
-        --status-badge-state-success-background-color   : #{neo(status-badge-state-success-background-color)};
-        --status-badge-state-success-text-color         : #{neo(status-badge-state-success-text-color)};
-        --status-badge-font-size                        : #{neo(status-badge-font-size)};
-        --status-badge-font-family                      : #{neo(status-badge-font-family)};
-        --status-badge-font-weight                      : #{neo(status-badge-font-weight)};
-        --status-badge-line-height                      : #{neo(status-badge-line-height)};
-        --status-badge-transform                        : #{neo(status-badge-transform)};
-    }
-}
+:root .neo-theme-light {
+    --status-badge-align-items                      : center;
+    --status-badge-font-size                        : 11px;
+    --status-badge-font-family                      : var(--neo-font-family);
+    --status-badge-font-weight                      : 600;
+    --status-badge-line-height                      : 11px;
+    --status-badge-padding                          : 0px 5px 0px 5px;
+    --status-badge-state-alert-background-color     : orange;
+    --status-badge-state-alert-text-color           : black;
+    --status-badge-state-error-background-color     : red;
+    --status-badge-state-error-text-color           : white;
+    --status-badge-state-info-background-color      : lightblue;
+    --status-badge-state-info-text-color            : black;
+    --status-badge-state-neutral-background-color   : white;
+    --status-badge-state-neutral-text-color         : black;
+    --status-badge-state-success-background-color   : green;
+    --status-badge-state-success-text-color         : white;
+    --status-badge-transform                        : none;
+}

package/resources/scss/theme-light/component/Timer.scss

@@ -1,15 +1,6 @@
-$neoMap: map-merge($neoMap, (
-    'timer-color-start': #8a9b0f,
-    'timer-color-end': #940a3d,
-    'timer-dimension': '6rem',
-    'timer-button-color': #cde8e7
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-timer
-        --timer-color-start  : #{neo(timer-color-start)};
-        --timer-color-end    : #{neo(timer-color-end)};
-        --timer-dimension    : #{neo(timer-dimension)};
-        --timer-button-color : #{neo(timer-button-color)};
-    }
+:root .neo-theme-light { // .neo-timer
+    --timer-button-color: #cde8e7;
+    --timer-color-end   : #940a3d;
+    --timer-color-start : #8a9b0f;
+    --timer-dimension   : --6rem;
 }

package/resources/scss/theme-light/component/Toast.scss

@@ -1,21 +1,9 @@
-$neoMap: map-merge($neoMap, (
-    'toast-background-color'        : lightblue,
-    'toast-color'                   : #083741,
-    'toast-danger-background-color' : #e6adad,
-    'toast-danger-color'            : #410808,
-    'toast-shadow-color'            : rgba(0, 0, 0, 0.15),
-    'toast-success-background-color': #b7e6ad,
-    'toast-success-color'           : #124108
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-light { // .neo-toast
-    --toast-background-color        : #{neo(toast-background-color)};
-    --toast-color                   : #{neo(toast-color)};
-    --toast-shadow-color            : #{neo(toast-shadow-color)};
-    --toast-danger-background-color : #{neo(toast-danger-background-color)};
-    --toast-danger-color            : #{neo(toast-danger-color)};
-    --toast-success-background-color: #{neo(toast-success-background-color)};
-    --toast-success-color           : #{neo(toast-success-color)};
-  }
+:root .neo-theme-light { // .neo-toast
+    --toast-background-color        : lightblue;
+    --toast-color                   : #083741;
+    --toast-danger-background-color : #e6adad;
+    --toast-danger-color            : #410808;
+    --toast-shadow-color            : rgba(0, 0, 0, 0.15);
+    --toast-success-background-color: #b7e6ad;
+    --toast-success-color           : #124108;
 }

package/resources/scss/theme-light/component/Video.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-        'video-ghost-color': rgba(50, 50, 50, 0.3),
-        'video-ghost-size' : 30px
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-video
-        --video-ghost-color: #{neo(video-ghost-color)};
-        --video-ghost-size: #{neo(video-ghost-size)};
-    }
+:root .neo-theme-light { // .neo-video
+    --video-ghost-color: rgba(50, 50, 50, 0.3);
+    --video-ghost-size : 30px;
 }

package/resources/scss/theme-light/container/Accordion.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-        'accordion-title-bg-color': #292929,
-        'accordion-title-color' : #fff,
-        'accordion-item-radius' : 5px
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-light { // .neo-accordion
-    --accordion-title-bg-color: #{neo(accordion-title-bg-color)};
-    --accordion-title-color: #{neo(accordion-title-color)};
-    --accordion-item-radius: #{neo(accordion-item-radius)};
-  }
-}
+:root .neo-theme-light { // .neo-accordion
+    --accordion-item-radius   : 5px;
+    --accordion-title-bg-color: #292929;
+    --accordion-title-color   : #fff;
+}

package/resources/scss/theme-light/container/AccordionItem.scss

@@ -1,23 +1,10 @@
-$neoMap: map-merge($neoMap, (
-  'accordion-item-bg-color'        : #f9f9f9,
-  'accordion-item-content-bg-color': #ffffff,
-  'accordion-item-arrow-bg-color'  : #dedede,
-  'accordion-item-border-color'    : #ddd,
-  'accordion-item-shadow'          : 0 4px 16px rgba(0 0 0 / .1),
-  'accordion-item-arrow-shadow'    : 0 4px 16px rgba(0 0 0 / .1),
-  'accordion-item-radius'          : 5px,
-  'accordion-item-header-height'   : 50px
-));
-
-@if $useCssVars == true {
-  :root .neo-theme-light { // .neo-accordion-item
-    --accordion-item-bg-color        : #{neo(accordion-item-bg-color)};
-    --accordion-item-content-bg-color: #{neo(accordion-item-content-bg-color)};
-    --accordion-item-arrow-bg-color  : #{neo(accordion-item-arrow-bg-color)};
-    --accordion-item-border-color    : #{neo(accordion-item-border-color)};
-    --accordion-item-shadow          : #{neo(accordion-item-shadow)};
-    --accordion-item-arrow-shadow    : #{neo(accordion-item-arrow-shadow)};
-    --accordion-item-radius          : #{neo(accordion-item-radius)};
-    --accordion-item-header-height   : #{neo(accordion-item-header-height)};
-  }
-}
+:root .neo-theme-light { // .neo-accordion-item
+  --accordion-item-arrow-bg-color  : #dedede;
+  --accordion-item-arrow-shadow    : 0 4px 16px rgba(0 0 0 / .1);
+  --accordion-item-bg-color        : #f9f9f9;
+  --accordion-item-border-color    : #ddd;
+  --accordion-item-content-bg-color: #ffffff;
+  --accordion-item-header-height   : 50px;
+  --accordion-item-radius          : 5px;
+  --accordion-item-shadow          : 0 4px 16px rgba(0 0 0 / .1);
+}

package/resources/scss/theme-light/container/Base.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'container-background-color': #fff,
-    'container-color'           : #000
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-container
-        --container-background-color: #{neo(container-background-color)};
-        --container-color           : #{neo(container-color)};
-    }
-}
+:root .neo-theme-light { // .neo-container
+    --container-background-color: #fff;
+    --container-color           : #000;
+}

package/resources/scss/theme-light/container/Panel.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'panel-border-color'       : #ddd,
-    'panel-header-border-color': #ddd,
-    'panel-header-text-color'  : #666
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-panel
-        --panel-border-color       : #{neo(panel-border-color)};
-        --panel-header-border-color: #{neo(panel-header-border-color)};
-        --panel-header-text-color  : #{neo(panel-header-text-color)};
-    }
-}
+:root .neo-theme-light { // .neo-panel
+    --panel-border-color       : #ddd;
+    --panel-header-border-color: #ddd;
+    --panel-header-text-color  : #666;
+}

package/resources/scss/theme-light/container/Viewport.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'viewport-background-color': #fff
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-viewport
-        --viewport-background-color: #{neo(viewport-background-color)};
-    }
-}
+:root .neo-theme-light { // .neo-viewport
+    --viewport-background-color: #fff;
+}

package/resources/scss/theme-light/dialog/Base.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'dialog-border-color': #ddd,
-    'dialog-header-color': #1c60a0,
-    'dialog-icon-color'  : #1c60a0
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-dialog
-        --dialog-border-color: #{neo(dialog-border-color)};
-        --dialog-header-color: #{neo(dialog-header-color)};
-        --dialog-icon-color  : #{neo(dialog-icon-color)};
-    }
-}
+:root .neo-theme-light { // .neo-dialog
+    --dialog-border-color: #ddd;
+    --dialog-header-color: #1c60a0;
+    --dialog-icon-color  : #1c60a0;
+}

package/resources/scss/theme-light/examples/ConfigurationPanel.scss

@@ -1,9 +1,3 @@
-$neoMap: map-merge($neoMap, (
-    'examples-tab-component-background-color': #fff
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light {
-        --examples-tab-component-background-color: #{neo(examples-tab-component-background-color)};
-    }
-}
+:root .neo-theme-light {
+    --examples-tab-component-background-color: #fff;
+}

package/resources/scss/theme-light/examples/calendar/basic/MainContainer.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'examples-calendar-basic-header-background-color': #f2f2f2,
-    'examples-calendar-basic-header-color'           : #1c60a0
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-examples-calendar-maincontainer
-        --examples-calendar-basic-header-background-color: #{neo(examples-calendar-basic-header-background-color)};
-        --examples-calendar-basic-header-color           : #{neo(examples-calendar-basic-header-color)};
-    }
+:root .neo-theme-light { // .neo-examples-calendar-maincontainer
+    --examples-calendar-basic-header-background-color: #f2f2f2;
+    --examples-calendar-basic-header-color           : #1c60a0;
 }

package/resources/scss/theme-light/form/Fieldset.scss

@@ -1,15 +1,6 @@
-$neoMap: map-merge($neoMap, (
-    'fieldset-background-color' : '#f9f9f9',
-    'fieldset-border'           : 1px solid #ddd,
-    'fieldset-legend-color'     : #1c60a0,
-    'fieldset-legend-icon-color': #1c60a0
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-fieldset
-        --fieldset-background-color : #{neo(fieldset-background-color)};
-        --fieldset-border           : #{neo(fieldset-border)};
-        --fieldset-legend-color     : #{neo(fieldset-legend-color)};
-        --fieldset-legend-icon-color: #{neo(fieldset-legend-icon-color)};
-    }
+:root .neo-theme-light { // .neo-fieldset
+    --fieldset-background-color : #f9f9f9;
+    --fieldset-border           : 1px solid #ddd;
+    --fieldset-legend-color     : #1c60a0;
+    --fieldset-legend-icon-color: #1c60a0;
 }

package/resources/scss/theme-light/form/field/CheckBox.scss

@@ -1,19 +1,8 @@
-$neoMap: map-merge($neoMap, (
-    'checkboxfield-color'           : #aaa,
-    'checkboxfield-color-checked'   : #1c60a0,
-    'checkboxfield-icon-font-family': var(--fa-style-family-classic),
-    'checkboxfield-icon-font-size'  : 14px,
-    'checkboxfield-icon-margin'     : 0,
-    'checkboxfield-label-top-margin': 0 0 3px
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-checkboxfield
-        --checkboxfield-color           : #{neo(checkboxfield-color)};
-        --checkboxfield-color-checked   : #{neo(checkboxfield-color-checked)};
-        --checkboxfield-icon-font-family: #{neo(checkboxfield-icon-font-family)};
-        --checkboxfield-icon-font-size  : #{neo(checkboxfield-icon-font-size)};
-        --checkboxfield-icon-margin     : #{neo(checkboxfield-icon-margin)};
-        --checkboxfield-label-top-margin: #{neo(checkboxfield-label-top-margin)};
-    }
+:root .neo-theme-light { // .neo-checkboxfield
+    --checkboxfield-color           : #aaa;
+    --checkboxfield-color-checked   : #1c60a0;
+    --checkboxfield-icon-font-family: var(--fa-style-family-classic);
+    --checkboxfield-icon-font-size  : 14px;
+    --checkboxfield-icon-margin     : 0;
+    --checkboxfield-label-top-margin: 0 0 3px;
 }

package/resources/scss/theme-light/form/field/FileUpload.scss

@@ -1,27 +1,12 @@
-$neoMap: map-merge($neoMap, (
-    'fileuploadfield-background-color'         : #fff,
-    'fileuploadfield-color'                    : #000,
-    'fileuploadfield-border-color'             : #d5d5d5,
-    'fileuploadfield-progress-color'           : #5d94f3,
-    'fileuploadfield-error-color'              : #f00,
-    'fileuploadfield-success-color'            : rgb(112, 169, 112),
-    'fileuploadfield-hover-color'              : #f0f0f0,
-    'fileuploadfield-pressed-color'            : #e0e0e0,
-    'fileuploadfield-downloadable-state-color' : #d9d9d9,
-    'fileuploadfield-focus-color'              : #80d3f4
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-fileuploadfield
-        --fileuploadfield-background-color         : #{neo(fileuploadfield-background-color)};
-        --fileuploadfield-color                    : #{neo(fileuploadfield-color)};
-        --fileuploadfield-border-color             : #{neo(fileuploadfield-border-color)};
-        --fileuploadfield-progress-color           : #{neo(fileuploadfield-progress-color)};
-        --fileuploadfield-error-color              : #{neo(fileuploadfield-error-color)};
-        --fileuploadfield-success-color            : #{neo(fileuploadfield-success-color)};
-        --fileuploadfield-hover-color              : #{neo(fileuploadfield-hover-color)};
-        --fileuploadfield-pressed-color            : #{neo(fileuploadfield-pressed-color)};
-        --fileuploadfield-downloadable-state-color : #{neo(fileuploadfield-pressed-color)};
-        --fileuploadfield-focus-color              : #{neo(fileuploadfield-focus-color)};
-    }
+:root .neo-theme-light { // .neo-fileuploadfield
+    --fileuploadfield-background-color        : #fff;
+    --fileuploadfield-border-color            : #d5d5d5;
+    --fileuploadfield-color                   : #000;
+    --fileuploadfield-downloadable-state-color: #d9d9d9;
+    --fileuploadfield-error-color             : #f00;
+    --fileuploadfield-focus-color             : #80d3f4;
+    --fileuploadfield-hover-color             : #f0f0f0;
+    --fileuploadfield-pressed-color           : #e0e0e0;
+    --fileuploadfield-progress-color          : #5d94f3;
+    --fileuploadfield-success-color           : rgb(112, 169, 112);
 }

package/resources/scss/theme-light/form/field/Picker.scss

@@ -1,13 +1,5 @@
-$neoMap: map-merge($neoMap, (
-    'pickerfield-container-background-color': #fff,
-    'pickerfield-container-border'          : none,
-    'pickerfield-container-box-shadow'      : 0 5px 10px rgba(0,0,0,.4)
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-pickerfield
-        --pickerfield-container-background-color: #{neo(pickerfield-container-background-color)};
-        --pickerfield-container-border          : #{neo(pickerfield-container-border)};
-        --pickerfield-container-box-shadow      : #{neo(pickerfield-container-box-shadow)};
-    }
-}
+:root .neo-theme-light { // .neo-pickerfield
+    --pickerfield-container-background-color: #fff;
+    --pickerfield-container-border          : none;
+    --pickerfield-container-box-shadow      : 0 5px 10px rgba(0,0,0,.4);
+}

package/resources/scss/theme-light/form/field/Range.scss

@@ -1,11 +1,4 @@
-$neoMap: map-merge($neoMap, (
-    'rangefield-thumb-background': #1c60a0,
-    'rangefield-track-background': #ddd
-));
-
-@if $useCssVars == true {
-    :root .neo-theme-light { // .neo-rangefield
-        --rangefield-thumb-background: #{neo(rangefield-thumb-background)};
-        --rangefield-track-background: #{neo(rangefield-track-background)};
-    }
-}
+:root .neo-theme-light { // .neo-rangefield
+    --rangefield-thumb-background: #1c60a0;
+    --rangefield-track-background: #ddd;
+}