@dnb/eufemia 9.15.2 → 9.16.3

package/cjs/components/icon/style/dnb-icon.css

@@ -0,0 +1,91 @@
+/*
+* DNB icon
+*
+*/
+/**
+ * This file is only used to make components independent
+ * so that they can get imported individually, without the core styles
+ *
+ */
+/*
+ * Utilities
+ */
+/*
+ * Scopes
+ *
+ */
+/*
+ * Document Reset
+ *
+ */
+/*
+* Icon component
+*
+*/
+.dnb-icon {
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 1rem;
+  line-height: 1rem;
+  color: inherit;
+  width: 1em;
+  height: 1em; }
+  .dnb-icon img,
+  .dnb-icon svg {
+    width: inherit;
+    height: inherit;
+    shape-rendering: geometricPrecision;
+    vertical-align: top; }
+  .dnb-icon svg[width='100%'] {
+    width: inherit; }
+  .dnb-icon svg[height='100%'] {
+    height: inherit; }
+  .dnb-icon--inherit-color svg:not([fill]),
+  .dnb-icon--inherit-color svg [fill] {
+    fill: currentColor; }
+  .dnb-icon--inherit-color svg [stroke] {
+    stroke: currentColor; }
+  .dnb-icon--small {
+    font-size: 0.75rem; }
+  .dnb-icon--default {
+    font-size: 1rem; }
+  .dnb-icon--medium {
+    font-size: 1.5rem; }
+  .dnb-icon--large {
+    font-size: 2rem; }
+  .dnb-icon--x-large {
+    font-size: 2.5rem; }
+  .dnb-icon--xx-large {
+    font-size: 3rem; }
+  .dnb-icon--custom-size {
+    width: auto;
+    height: auto; }
+  .dnb-icon--auto {
+    font-size: 1em; }
+  .dnb-icon--auto > .dnb-icon--wrapper {
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  h1 .dnb-icon,
+  h2 .dnb-icon,
+  h3 .dnb-icon,
+  h4 .dnb-icon,
+  h5 .dnb-icon,
+  h6 .dnb-icon {
+    vertical-align: middle; }
+  .dnb-icon.dnb-skeleton {
+    color: #ebebeb !important;
+    color: var(--skeleton-color) !important; }
+    .dnb-icon.dnb-skeleton::before, .dnb-icon.dnb-skeleton::after {
+      content: none !important; }
+  @media screen and (-ms-high-contrast: none) {
+    .dnb-icon {
+      -webkit-box-flex: 0;
+          -ms-flex: none;
+              flex: none; } }

package/cjs/components/icon/style/dnb-icon.min.css

@@ -0,0 +1 @@
+.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg{shape-rendering:geometricPrecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentColor}.dnb-icon--inherit-color svg [stroke]{stroke:currentColor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}h1 .dnb-icon,h2 .dnb-icon,h3 .dnb-icon,h4 .dnb-icon,h5 .dnb-icon,h6 .dnb-icon{vertical-align:middle}.dnb-icon.dnb-skeleton{color:#ebebeb!important;color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}@media screen and (-ms-high-contrast:none){.dnb-icon{-webkit-box-flex:0;-ms-flex:none;flex:none}}

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

@@ -0,0 +1,18 @@
+/*
+ * Icon theme
+ *
+ */
+.dnb-icon--border {
+  position: relative;
+  vertical-align: baseline; }
+  .dnb-icon--border::after {
+    content: '';
+    position: absolute;
+    left: -25%;
+    right: -25%;
+    top: -25%;
+    bottom: -25%;
+    margin: auto;
+    border-radius: 50%;
+    border: 0.0875rem solid;
+    border-color: currentColor; }

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

@@ -0,0 +1 @@
+.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}

package/cjs/components/icon-primary/IconPrimary.d.ts

@@ -43,14 +43,16 @@ export type IconPrimaryHeight = string | number;
 export type IconPrimaryBorder = string | boolean;
 export type IconPrimaryInheritColor = string | boolean;
 export type IconPrimarySkeleton = string | boolean;
-export type IconPrimaryAttributes = string | Object;
+export type IconPrimaryAttributes =
+  | string
+  | React.AllHTMLAttributes<string>;
 export type IconPrimaryChildren =
   | React.ReactNode
   | ((...args: any[]) => any);
-
 /**
  * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
  */
+
 export interface IconPrimaryProps extends React.HTMLProps<HTMLElement> {
   /**
    * A React SVG Component or the icon name (in case we use `IconPrimary` or `dnb-icon-primary`).

package/cjs/components/icon-primary/IconPrimary.js

@@ -8,6 +8,8 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -20,8 +22,6 @@ require("core-js/modules/es.reflect.construct.js");
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");

package/cjs/components/index.d.ts

@@ -12,6 +12,7 @@
 // import all the available components
 import Accordion from './accordion/Accordion'
 import Autocomplete from './autocomplete/Autocomplete'
+import Breadcrumb from './breadcrumb/Breadcrumb'
 import Button from './button/Button'
 import Checkbox from './checkbox/Checkbox'
 import DatePicker from './date-picker/DatePicker'
@@ -49,6 +50,7 @@ import Tooltip from './tooltip/Tooltip'
 export {
   Accordion,
   Autocomplete,
+  Breadcrumb,
   Button,
   Checkbox,
   DatePicker,

package/cjs/components/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "Autocomplete", {
     return _Autocomplete.default;
   }
 });
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumb.default;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -212,6 +218,8 @@ var _Accordion = _interopRequireDefault(require("./accordion/Accordion"));
 
 var _Autocomplete = _interopRequireDefault(require("./autocomplete/Autocomplete"));
 
+var _Breadcrumb = _interopRequireDefault(require("./breadcrumb/Breadcrumb"));
+
 var _Button = _interopRequireDefault(require("./button/Button"));
 
 var _Checkbox = _interopRequireDefault(require("./checkbox/Checkbox"));

package/cjs/components/input/Input.js

@@ -6,6 +6,8 @@ require("core-js/modules/es.symbol.js");
 
 require("core-js/modules/es.array.filter.js");
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -22,8 +24,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");

package/cjs/components/input/InputPassword.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.assign.js");
@@ -22,8 +24,6 @@ require("core-js/modules/es.object.get-own-property-descriptors.js");
 
 require("core-js/modules/es.array.iterator.js");
 
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");

package/cjs/components/input/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.to-string.js");
+
 require("core-js/modules/web.dom-collections.for-each.js");
 
 require("core-js/modules/es.object.keys.js");

package/cjs/components/input/style/_input.scss

@@ -117,7 +117,7 @@
     display: none;
   }
 
-  // change file type apperance on type="file"
+  // change file type appearance on type="file"
   ::-webkit-file-upload-button {
     cursor: pointer;
     outline: none;
@@ -420,6 +420,10 @@
     padding-right: 3rem;
   }
 
+  html[data-visual-test] &__input {
+    caret-color: var(--color-white);
+  }
+
   .dnb-responsive-component & {
     @media screen and (max-width: 40em) {
       display: flex;