@nethserver/ns8-ui-lib 1.12.0 → 1.12.2

package/dist/ns8-ui-lib.ssr.js

@@ -1086,7 +1086,10 @@ var script$x = {
         return ["error", "info", "warning", "success"].includes(val);
       }
     },
-    lowContrast: Boolean,
+    lowContrast: {
+      type: Boolean,
+      default: true
+    },
     loading: {
       type: Boolean,
       default: false
@@ -1115,19 +1118,19 @@ var __vue_render__$I = function __vue_render__() {
       "role": _vm.isAlert ? 'alert' : false,
       "aria-live": !_vm.isAlert ? 'polite' : false
     }
-  }, _vm.$listeners), [_vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__details details") + " data-v-55c5000a>", "</div>", [_c(_vm.icon, {
+  }, _vm.$listeners), [_vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__details details") + " data-v-37209503>", "</div>", [_c(_vm.icon, {
     tag: "component",
     class: _vm.carbonPrefix + "--inline-notification__icon"
-  }), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__text-wrapper") + " data-v-55c5000a>", "</div>", [_vm.$slots.title || _vm.title ? _vm._ssrNode("<p" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__title title") + " data-v-55c5000a>", "</p>", [_vm.$slots.title ? _vm._t("title") : _c('span', [_vm._v(_vm._s(_vm.title))])], 2) : _vm._e(), _vm._ssrNode(" "), _vm.$slots.description || _vm.description ? _vm._ssrNode("<p" + _vm._ssrClass(null, [_vm.carbonPrefix + "--inline-notification__subtitle", {
+  }), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__text-wrapper") + " data-v-37209503>", "</div>", [_vm.$slots.title || _vm.title ? _vm._ssrNode("<p" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__title title") + " data-v-37209503>", "</p>", [_vm.$slots.title ? _vm._t("title") : _c('span', [_vm._v(_vm._s(_vm.title))])], 2) : _vm._e(), _vm._ssrNode(" "), _vm.$slots.description || _vm.description ? _vm._ssrNode("<p" + _vm._ssrClass(null, [_vm.carbonPrefix + "--inline-notification__subtitle", {
     'mg-right': _vm.loading || _vm.timer
-  }]) + " data-v-55c5000a>", "</p>", [_vm.$slots.description ? _vm._t("description") : _c('span', [_vm._v(_vm._s(_vm.description))])], 2) : _vm._e(), _vm._ssrNode(" " + (_vm.loading ? "<p class=\"loader\" data-v-55c5000a></p>" : "<!---->") + " "), _vm.timer ? _vm._ssrNode("<p data-v-55c5000a>", "</p>", [_c('NsCircleTimer', {
+  }]) + " data-v-37209503>", "</p>", [_vm.$slots.description ? _vm._t("description") : _c('span', [_vm._v(_vm._s(_vm.description))])], 2) : _vm._e(), _vm._ssrNode(" " + (_vm.loading ? "<p class=\"loader\" data-v-37209503></p>" : "<!---->") + " "), _vm.timer ? _vm._ssrNode("<p data-v-37209503>", "</p>", [_c('NsCircleTimer', {
     attrs: {
       "timeLimit": _vm.timer,
       "size": 16,
       "strokeWidth": 20,
-      "color": "white"
+      "color": _vm.lowContrast ? undefined : 'white'
     }
-  })], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" " + (_vm.actionLabel ? "<button type=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--inline-notification__action-button", _vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--btn--sm", _vm.carbonPrefix + "--btn--ghost", 'action-button']) + " data-v-55c5000a>" + _vm._ssrEscape("\n    " + _vm._s(_vm.actionLabel) + "\n  ") + "</button>" : "<!---->") + " "), _vm.showCloseButton ? _vm._ssrNode("<button type=\"button\"" + _vm._ssrAttr("aria-label", _vm.closeAriaLabel) + " data-notification-btn" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__close-button") + " data-v-55c5000a>", "</button>", [_c('Close20', {
+  })], 1) : _vm._e()], 2)], 2), _vm._ssrNode(" " + (_vm.actionLabel ? "<button type=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--inline-notification__action-button", _vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--btn--sm", _vm.carbonPrefix + "--btn--ghost", 'action-button']) + " data-v-37209503>" + _vm._ssrEscape("\n    " + _vm._s(_vm.actionLabel) + "\n  ") + "</button>" : "<!---->") + " "), _vm.showCloseButton ? _vm._ssrNode("<button type=\"button\"" + _vm._ssrAttr("aria-label", _vm.closeAriaLabel) + " data-notification-btn" + _vm._ssrClass(null, _vm.carbonPrefix + "--inline-notification__close-button") + " data-v-37209503>", "</button>", [_c('Close20', {
     class: _vm.carbonPrefix + "--inline-notification__close-icon"
   })], 1) : _vm._e()], 2);
 };
@@ -1137,8 +1140,8 @@ var __vue_staticRenderFns__$I = [];
 
 var __vue_inject_styles__$L = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-55c5000a_0", {
-    source: ".title[data-v-55c5000a]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-55c5000a]{margin-right:.75rem}.action-button[data-v-55c5000a]{margin-right:.5rem}.bx--inline-notification__text-wrapper p[data-v-55c5000a]{padding-right:0!important}",
+  inject("data-v-37209503_0", {
+    source: ".title[data-v-37209503]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-37209503]{margin-right:.75rem}.action-button[data-v-37209503]{margin-right:.5rem}.bx--inline-notification__text-wrapper p[data-v-37209503]{padding-right:0!important}",
     map: undefined,
     media: undefined
   });
@@ -1146,10 +1149,10 @@ var __vue_inject_styles__$L = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$L = "data-v-55c5000a";
+var __vue_scope_id__$L = "data-v-37209503";
 /* module identifier */
 
-var __vue_module_identifier__$L = "data-v-55c5000a";
+var __vue_module_identifier__$L = "data-v-37209503";
 /* functional template */
 
 var __vue_is_functional_template__$L = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethserver/ns8-ui-lib",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "description": "Vue.js library for NethServer 8 UI",
   "keywords": [
     "nethserver",

package/src/lib-components/NsInlineNotification.vue

@@ -46,7 +46,7 @@
             :timeLimit="timer"
             :size="16"
             :strokeWidth="20"
-            color="white"
+            :color="lowContrast ? undefined : 'white'"
           />
         </p>
       </div>
@@ -99,7 +99,10 @@ export default {
       default: "info",
       validator: (val) => ["error", "info", "warning", "success"].includes(val)
     },
-    lowContrast: Boolean,
+    lowContrast: {
+      type: Boolean,
+      default: true
+    },
     loading: {
       type: Boolean,
       default: false