@dnb/eufemia 9.15.2 → 9.16.3

package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-ui.css

@@ -0,0 +1,113 @@
+/*
+* Checkbox theme
+*
+*/
+/**
+ * This file is only used to make themes independent
+ * so that they can get imported individually, without the core styles
+ *
+ */
+/*
+ * Utilities
+ */
+.dnb-checkbox {
+  /* stylelint-disable */
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */ }
+  .dnb-checkbox__gfx {
+    -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
+    transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transition: opacity 200ms ease-out, transform 200ms ease-out, -webkit-transform 200ms ease-out; }
+  .dnb-checkbox__input:checked ~ .dnb-checkbox__gfx,
+  .dnb-checkbox__input[data-checked='true'] ~ .dnb-checkbox__gfx {
+    opacity: 1;
+    -webkit-transform: scale(1);
+            transform: scale(1);
+    color: #fff;
+    color: var(--color-white); }
+  .dnb-checkbox__input:checked ~ .dnb-checkbox__button,
+  .dnb-checkbox__input[data-checked='true'] ~ .dnb-checkbox__button {
+    background-color: #007272;
+    background-color: var(--color-sea-green); }
+  .dnb-checkbox__input:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__gfx {
+    opacity: 0;
+    -webkit-transform: scale(0.8);
+            transform: scale(0.8);
+    color: #007272;
+    color: var(--color-sea-green); }
+  .dnb-checkbox__input:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__button {
+    background-color: #fff;
+    background-color: var(--color-white);
+    border-color: #007272;
+    border-color: var(--color-sea-green); }
+  .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button,
+  .dnb-checkbox__input[disabled][data-checked='true'] ~ .dnb-checkbox__button {
+    border-color: transparent;
+    background-color: #b3dada;
+    background-color: var(--color-sea-green-30); }
+  .dnb-checkbox__input[disabled]:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__button {
+    border-color: #d2f0e9;
+    border-color: var(--color-mint-green-50); }
+  .dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__button,
+  .dnb-checkbox__input:not([disabled]):not([data-checked='true']):active ~ .dnb-checkbox__button {
+    background-color: #d2f0e9;
+    background-color: var(--color-mint-green-50);
+    border-color: transparent; }
+  .dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__gfx,
+  .dnb-checkbox__input:not([disabled])[data-checked='true']:active ~ .dnb-checkbox__gfx {
+    color: #fff;
+    color: var(--color-white); }
+  .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__button {
+    background-color: #d2f0e9;
+    background-color: var(--color-mint-green-50); }
+  .dnb-checkbox__input:not([disabled]):not(:focus):checked:hover ~ .dnb-checkbox__button,
+  .dnb-checkbox__input:not([disabled]):not(:focus)[data-checked='true']:hover ~ .dnb-checkbox__button {
+    border-color: transparent; }
+  .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__gfx {
+    color: #007272;
+    color: var(--color-sea-green); }
+  html[data-whatinput='keyboard'] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button {
+    border: none;
+    background-color: #d2f0e9;
+    background-color: var(--color-mint-green-50); }
+  html[data-whatinput='keyboard'] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__gfx {
+    color: #007272;
+    color: var(--color-sea-green); }
+  .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button .dnb-checkbox__focus,
+  .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus {
+    display: block; }
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button {
+    border: none; }
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
+    display: block;
+    --border-color: var(--color-fire-red);
+    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
+            box-shadow: 0 0 0 0.125rem var(--border-color);
+    border-color: transparent; }
+    @media screen and (-ms-high-contrast: none) {
+      .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
+        -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
+                box-shadow: 0 0 0 0.125rem #dc2a2a;
+        -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
+                box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button {
+    background-color: #fdeeee;
+    background-color: var(--color-fire-red-8); }
+    .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button[data-checked='true'] {
+      border-color: #dc2a2a;
+      border-color: var(--color-fire-red); }
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__button {
+    border-color: #fdeeee;
+    border-color: var(--color-fire-red-8); }
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button,
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked='true'] ~ .dnb-checkbox__button {
+    background-color: #dc2a2a;
+    background-color: var(--color-fire-red); }
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx {
+    color: #dc2a2a;
+    color: var(--color-fire-red); }
+  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
+    color: #fdeeee;
+    color: var(--color-fire-red-8); }

package/cjs/components/checkbox/style/themes/dnb-checkbox-theme-ui.min.css

@@ -0,0 +1 @@
+.dnb-checkbox__gfx{-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.dnb-checkbox__input:checked~.dnb-checkbox__gfx,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__gfx{color:#fff;color:var(--color-white);opacity:1;-webkit-transform:scale(1);transform:scale(1)}.dnb-checkbox__input:checked~.dnb-checkbox__button,.dnb-checkbox__input[data-checked=true]~.dnb-checkbox__button{background-color:#007272;background-color:var(--color-sea-green)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green);opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.dnb-checkbox__input:not(:checked):not([data-checked=true])~.dnb-checkbox__button{background-color:#fff;background-color:var(--color-white);border-color:#007272;border-color:var(--color-sea-green)}.dnb-checkbox__input[disabled]:checked~.dnb-checkbox__button,.dnb-checkbox__input[disabled][data-checked=true]~.dnb-checkbox__button{background-color:#b3dada;background-color:var(--color-sea-green-30);border-color:transparent}.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true])~.dnb-checkbox__button{border-color:#d2f0e9;border-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not([data-checked=true]):active~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border-color:transparent}.dnb-checkbox__input:not([disabled]):checked:active~.dnb-checkbox__gfx,.dnb-checkbox__input:not([disabled])[data-checked=true]:active~.dnb-checkbox__gfx{color:#fff;color:var(--color-white)}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-checkbox__input:not([disabled]):not(:focus):checked:hover~.dnb-checkbox__button,.dnb-checkbox__input:not([disabled]):not(:focus)[data-checked=true]:hover~.dnb-checkbox__button{border-color:transparent}.dnb-checkbox__input:not([disabled]):not(:focus):hover~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green)}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button{background-color:#d2f0e9;background-color:var(--color-mint-green-50);border:none}html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__gfx{color:#007272;color:var(--color-sea-green)}.dnb-checkbox__input:not([disabled]):active~.dnb-checkbox__button .dnb-checkbox__focus,.dnb-checkbox__input:not([disabled]):focus~.dnb-checkbox__button .dnb-checkbox__focus{display:block}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button{border:none}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{--border-color:var(--color-fire-red);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color);display:block}@media screen and (-ms-high-contrast:none){.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active)~.dnb-checkbox__button .dnb-checkbox__focus{-webkit-box-shadow:0 0 0 .125rem #dc2a2a;box-shadow:0 0 0 .125rem #dc2a2a;-webkit-box-shadow:0 0 0 .125rem var(--color-fire-red);box-shadow:0 0 0 .125rem var(--color-fire-red)}}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button{background-color:#fdeeee;background-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__button[data-checked=true]{border-color:#dc2a2a;border-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__button{border-color:#fdeeee;border-color:var(--color-fire-red-8)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked~.dnb-checkbox__button,.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true]~.dnb-checkbox__button{background-color:#dc2a2a;background-color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover~.dnb-checkbox__gfx{color:#dc2a2a;color:var(--color-fire-red)}.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)~.dnb-checkbox__gfx{color:#fdeeee;color:var(--color-fire-red-8)}

package/cjs/components/date-picker/DatePicker.js

@@ -4,6 +4,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 require("core-js/modules/es.object.get-prototype-of.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.reflect.construct.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -24,8 +26,6 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");

package/cjs/components/date-picker/DatePickerAddon.js

@@ -4,6 +4,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 require("core-js/modules/es.object.get-prototype-of.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.reflect.construct.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -14,8 +16,6 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");

package/cjs/components/date-picker/DatePickerCalendar.js

@@ -12,8 +12,6 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");
@@ -29,6 +27,8 @@ exports.default = void 0;
 
 require("core-js/modules/es.array.find.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.array.join.js");
 
 require("core-js/modules/es.object.values.js");

package/cjs/components/date-picker/DatePickerFooter.js

@@ -4,14 +4,14 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 require("core-js/modules/es.object.get-prototype-of.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.reflect.construct.js");
 
 require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");

package/cjs/components/date-picker/DatePickerInput.js

@@ -37,6 +37,8 @@ exports.default = void 0;
 
 require("regenerator-runtime/runtime.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");
@@ -69,8 +71,6 @@ require("core-js/modules/es.regexp.constructor.js");
 
 require("core-js/modules/es.regexp.to-string.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.promise.js");
 
 var _react = _interopRequireDefault(require("react"));
@@ -168,8 +168,7 @@ var DatePickerInput = function (_React$PureComponent) {
 
     _defineProperty(_assertThisInitialized(_this), "shortcutHandler", function () {
       var _ref = _asyncToGenerator(regeneratorRuntime.mark(function _callee(e) {
-        var _window, success, separators, possibleFormats, date, i, l, mode;
-
+        var success, separators, possibleFormats, date, i, l, mode;
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -179,7 +178,7 @@ var DatePickerInput = function (_React$PureComponent) {
                   break;
                 }
 
-                success = (e.clipboardData || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)).getData('text');
+                success = (e.clipboardData || typeof window !== 'undefined' && window.clipboardData).getData('text');
 
                 if (!success) {
                   _context.next = 24;

package/cjs/components/date-picker/DatePickerProvider.js

@@ -4,6 +4,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 require("core-js/modules/es.object.get-prototype-of.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.reflect.construct.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -22,8 +24,6 @@ require("core-js/modules/es.array.index-of.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");

package/cjs/components/date-picker/DatePickerRange.js

@@ -4,6 +4,8 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 require("core-js/modules/es.object.get-prototype-of.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.reflect.construct.js");
 
 require("core-js/modules/es.object.keys.js");
@@ -24,8 +26,6 @@ require("core-js/modules/es.object.assign.js");
 
 require("core-js/modules/es.symbol.description.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.symbol.iterator.js");
 
 require("core-js/modules/es.array.iterator.js");