npm - neo.mjs - Versions diffs - 5.18.0 → 6.0.0 - Mend

neo.mjs 5.18.0 → 6.0.0

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 (291) hide show

package/resources/scss/src/dialog/Base.scss CHANGED Viewed

@@ -1,8 +1,8 @@
 .neo-animate-dialog {
     // default styling to match buttons, since this is the most common use case
-    background-color: v(button-background-color);
-    background-image: v(button-background-image);
-    border          : v(button-border-active);
+    background-color: var(--button-background-color);
+    background-image: var(--button-background-image);
+    border          : var(--button-border-active);
     position: fixed;
     z-index : 1000;
@@ -44,7 +44,7 @@
 }
 .neo-dialog {
-    border        : 1px solid v(dialog-border-color);
+    border        : 1px solid var(--dialog-border-color);
     display       : flex;
     flex          : 1 0 auto;
     flex-direction: column;
@@ -53,12 +53,12 @@
     &.neo-panel {
         .neo-footer-toolbar {
             border    : none;
-            border-top: 1px solid v(dialog-border-color);
+            border-top: 1px solid var(--dialog-border-color);
         }
         .neo-header-toolbar {
             border       : none;
-            border-bottom: 1px solid v(dialog-border-color);
+            border-bottom: 1px solid var(--dialog-border-color);
             .neo-button {
                 border      : 0;
@@ -71,12 +71,12 @@
             }
             .neo-button-glyph {
-                color    : v(dialog-icon-color);
+                color    : var(--dialog-icon-color);
                 font-size: 1.8em;
             }
             .neo-panel-header-text {
-                color         : v(dialog-header-color);
+                color         : var(--dialog-header-color);
                 overflow      : hidden;
                 pointer-events: none;
                 text-overflow : ellipsis;

package/resources/scss/src/draggable/list/DragZone.scss CHANGED Viewed

@@ -1,11 +1,11 @@
 .neo-list {
     &.neo-dragproxy {
         .neo-draggable {
-            background-color: v(list-item-background-color-hover);
+            background-color: var(--list-item-background-color-hover);
         }
     }
     .neo-draggable {
         cursor: pointer;
     }
-}
+}

package/resources/scss/src/examples/ConfigurationPanel.scss CHANGED Viewed

@@ -12,7 +12,7 @@
     .neo-toolbar {
         border       : 0;
-        border-bottom: 1px solid v(panel-border-color);
+        border-bottom: 1px solid var(--panel-border-color);
     }
 }
@@ -21,5 +21,5 @@
 }
 .neo-examples-tab-component {
-    background-color: v(examples-tab-component-background-color);
-}
+    background-color: var(--examples-tab-component-background-color);
+}

package/resources/scss/src/examples/calendar/basic/MainContainer.scss CHANGED Viewed

@@ -1,8 +1,8 @@
 .neo-examples-calendar-maincontainer {
     .neo-header {
         align-items     : center;
-        background-color: v(examples-calendar-basic-header-background-color);
-        color           : v(examples-calendar-basic-header-color);
+        background-color: var(--examples-calendar-basic-header-background-color);
+        color           : var(--examples-calendar-basic-header-color);
         display         : flex;
         padding         : 0 10px;

package/resources/scss/src/examples/treeSelectionModel/MainContainer.scss CHANGED Viewed

@@ -2,23 +2,23 @@
   .neo-accordion-item-icon {
     &.color-blue {
       background-color: lightskyblue;
-      color: v(list-item-background-color);
+      color: var(--list-item-background-color);
     }
     &.color-red {
       background-color: palevioletred;
-      color: v(list-item-background-color);
+      color: var(--list-item-background-color);
     }
     &.color-yellow {
       background-color: goldenrod;
-      color: v(list-item-background-color);
+      color: var(--list-item-background-color);
     }
     &.color-green {
       background-color: lightseagreen;
-      color: v(list-container-list-color);
-      color: v(list-item-background-color);
+      color: var(--list-container-list-color);
+      color: var(--list-item-background-color);
     }
   }
-}
+}

package/resources/scss/src/form/Fieldset.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .neo-fieldset {
-    background-color: v(fieldset-background-color);
-    border          : v(fieldset-border);
+    background-color: var(--fieldset-background-color);
+    border          : var(--fieldset-border);
     &.neo-collapsed {
         background-color: inherit;
@@ -23,14 +23,14 @@
     }
     .neo-legend {
-        color        : v(fieldset-legend-color);
+        color        : var(--fieldset-legend-color);
         cursor       : default;
         font-weight  : 500;
         padding-right: 0.1em;
         user-select  : none;
         .neo-legend-icon {
-            color       : v(fieldset-legend-icon-color);
+            color       : var(--fieldset-legend-icon-color);
             font-weight : 600;
             margin-left : 0.1em;
             margin-right: 0.3em;

package/resources/scss/src/form/field/CheckBox.scss CHANGED Viewed

@@ -5,7 +5,7 @@
         &:checked {
             +.neo-checkbox-icon {
-                color: v(checkboxfield-color-checked);
+                color: var(--checkboxfield-color-checked);
             }
         }
@@ -15,28 +15,28 @@
     }
     .neo-checkbox-icon {
-        color      : v(checkboxfield-color);
+        color      : var(--checkboxfield-color);
         cursor     : pointer;
         display    : inline-block;
-        font-family: v(checkboxfield-icon-font-family);
-        font-size  : v(checkboxfield-icon-font-size);
-        margin     : v(checkboxfield-icon-margin);
+        font-family: var(--checkboxfield-icon-font-family);
+        font-size  : var(--checkboxfield-icon-font-size);
+        margin     : var(--checkboxfield-icon-margin);
         width      : 20px;
     }
     .neo-checkbox-label {
-        color      : v(textfield-label-color);
+        color      : var(--textfield-label-color);
         display    : inline-block;
         user-select: none;
     }
     .neo-checkbox-value-label {
-        color      : v(textfield-label-color);
+        color      : var(--textfield-label-color);
         user-select: none;
     }
     .neo-error {
-        color      : v(textfield-border-color-invalid);
+        color      : var(--textfield-border-color-invalid);
         font-size  : 11px;
         margin-top : .3em;
         white-space: break-spaces;
@@ -53,7 +53,7 @@
     &.neo-invalid {
         .neo-checkbox-icon {
-            color: v(textfield-border-color-invalid);
+            color: var(--textfield-border-color-invalid);
         }
     }
@@ -65,7 +65,7 @@
         .neo-checkbox-label {
             display  : flex;
             flex-flow: row wrap;
-            margin   : v(checkboxfield-label-top-margin);
+            margin   : var(--checkboxfield-label-top-margin);
             .neo-checkbox-label {
                 width: 100% !important;

package/resources/scss/src/form/field/FileUpload.scss CHANGED Viewed

@@ -1,7 +1,7 @@
 .neo-file-upload-field {
-    background-color : v(fileuploadfield-background-color);
-    border-color     : v(fileuploadfield-border-color);
-    color            : v(fileuploadfield-color);
+    background-color : var(--fileuploadfield-background-color);
+    border-color     : var(--fileuploadfield-border-color);
+    color            : var(--fileuploadfield-color);
 }
 .neo-file-upload-field {
@@ -131,7 +131,7 @@
         }
     }
     // No interaction while scanning. We just have to wait.
-    // But
+    // But
     .neo-file-upload-action-button {
         position : absolute;
         clip     : rect(0, 0, 0, 0);

package/resources/scss/src/form/field/Number.scss CHANGED Viewed

@@ -28,8 +28,8 @@
     .neo-spin-button {
         align-items    : center;
-        border-left    : 1px solid v(textfield-border-color);
-        color          : v(trigger-color);
+        border-left    : 1px solid var(--textfield-border-color);
+        color          : var(--trigger-color);
         cursor         : pointer;
         display        : flex;
         font-size      : 10px;
@@ -40,7 +40,7 @@
         width          : 100%;
         &.neo-up {
-            border-bottom: 1px solid v(textfield-border-color);
+            border-bottom: 1px solid var(--textfield-border-color);
             height       : calc(50% + .5px); // honoring the bottom border
         }
@@ -50,8 +50,8 @@
         }
         &:hover {
-            background-color: v(trigger-background-color-hover);
-            color           : v(trigger-color-hover);
+            background-color: var(--trigger-background-color-hover);
+            color           : var(--trigger-color-hover);
         }
     }
 }

package/resources/scss/src/form/field/Picker.scss CHANGED Viewed

@@ -11,9 +11,9 @@
 }
 .neo-picker-container {
-    background-color: v(pickerfield-container-background-color);
-    border          : v(pickerfield-container-border);
-    box-shadow      : v(pickerfield-container-box-shadow);
+    background-color: var(--pickerfield-container-background-color);
+    border          : var(--pickerfield-container-border);
+    box-shadow      : var(--pickerfield-container-box-shadow);
     position        : absolute;
     z-index         : 200;

package/resources/scss/src/form/field/Range.scss CHANGED Viewed

@@ -14,7 +14,7 @@
     }
     input[type=range]::-moz-range-track, {
-        background   : v(rangefield-track-background);
+        background   : var(--rangefield-track-background);
         border-radius: 2px;
         cursor       : pointer;
         height       : 4px;
@@ -23,7 +23,7 @@
     }
     input[type=range]::-webkit-slider-runnable-track {
-        background   : v(rangefield-track-background);
+        background   : var(--rangefield-track-background);
         border-radius: 2px;
         cursor       : pointer;
         height       : 4px;
@@ -32,7 +32,7 @@
     }
     input[type=range]::-moz-range-thumb {
-        background   : v(rangefield-thumb-background);
+        background   : var(--rangefield-thumb-background);
         border-color : #3c3f41;
         border-radius: 50%;
         cursor       : ew-resize;
@@ -47,7 +47,7 @@
     }
     input[type=range]::-webkit-slider-thumb {
-        background   : v(rangefield-thumb-background);
+        background   : var(--rangefield-thumb-background);
         border-color : #3c3f41;
         border-radius: 50%;
         cursor       : ew-resize;
@@ -62,4 +62,4 @@
             box-shadow: 0 0 0 4px rgba(51, 153, 204, 0.49);
         }
     }
-}
+}

package/resources/scss/src/form/field/Search.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 .neo-searchfield {
     &::before {
-        color      : v(searchfield-glyph-color);
+        color      : var(--searchfield-glyph-color);
         content    : "\f002";
         display    : inline-block;
         font-family: var(--fa-style-family-classic);

package/resources/scss/src/form/field/Select.scss CHANGED Viewed

@@ -17,9 +17,9 @@
         .neo-typeahead-input {
             border-color: transparent;
-            color       : v(selectfield-input-hint-color);
-            font        : v(textfield-input-font);
-            opacity     : v(selectfield-input-hint-opacity);
+            color       : var(--selectfield-input-hint-color);
+            font        : var(--textfield-input-font);
+            opacity     : var(--selectfield-input-hint-opacity);
         }
     }
@@ -29,20 +29,20 @@
         text-align: left;
         .neo-highlight-search {
-            background-color: v(selectfield-list-search-background-color);
-            color           : v(selectfield-list-search-color) !important;
+            background-color: var(--selectfield-list-search-background-color);
+            color           : var(--selectfield-list-search-color) !important;
         }
         .neo-selected {
             .neo-highlight-search {
-                color: v(selectfield-list-search-color-selected) !important;
+                color: var(--selectfield-list-search-color-selected) !important;
             }
         }
     }
     .neo-picker-container {
-        border       : v(selectfield-picker-container-border);
-        border-radius: v(selectfield-picker-container-border-radius);
+        border       : var(--selectfield-picker-container-border);
+        border-radius: var(--selectfield-picker-container-border-radius);
         font-weight  : 400;
     }
 }

package/resources/scss/src/form/field/Switch.scss CHANGED Viewed

@@ -13,10 +13,10 @@
     .neo-switchfield-input {
         background-clip : padding-box;
-        background-color: v(switchfield-background-color);
+        background-color: var(--switchfield-background-color);
         border-color    : transparent;
         border-radius   : 1.25em;
-        color           : v(switchfield-inactive-color);
+        color           : var(--switchfield-inactive-color);
         display         : inline-block;
         font-size       : 1.5em;
         height          : 1.5em;
@@ -44,7 +44,7 @@
         &::before {
             animation       : switch-off-transform 0.25s ease-out forwards;
             background-clip : padding-box;
-            background-color: v(switchfield-thumb-color);
+            background-color: var(--switchfield-thumb-color);
             border          : 0.125em solid transparent;
             border-radius   : 100%;
             bottom          : 0;
@@ -58,8 +58,8 @@
         }
         &:checked {
-            background-color: v(switchfield-checked);
-            color           : v(switchfield-inactive-color);
+            background-color: var(--switchfield-checked);
+            color           : var(--switchfield-inactive-color);
             &::before {
                 animation       : switch-on-transform 0.25s ease-out forwards;
@@ -68,7 +68,7 @@
         }
         &:focus {
-            color  : v(switchfield-active-color);
+            color  : var(--switchfield-active-color);
             outline: none;
         }
     }