@dnb/eufemia 10.11.0 → 10.13.0

package/es/shared/useTheme.d.ts

@@ -2,4 +2,15 @@
  * Theme Hook
  *
  */
-export default function useTheme(): import("./Theme").ThemeProps;
+export default function useTheme(): {
+    isUi: boolean;
+    isSbanken: boolean;
+    isEiendom: boolean;
+    name?: import("./Theme").ThemeNames;
+    variant?: string;
+    size?: "basis";
+    propMapping?: string;
+    contrastMode?: boolean;
+    darkMode?: boolean;
+    element?: false | import("./types").DynamicElement;
+};

package/es/shared/useTheme.js

@@ -1,7 +1,20 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import Context from './Context';
 export default function useTheme() {
   const context = React.useContext(Context);
-  return (context === null || context === void 0 ? void 0 : context.theme) || null;
+  if (context !== null && context !== void 0 && context.theme) {
+    const {
+      name
+    } = context.theme;
+    return _objectSpread(_objectSpread({}, context.theme), {}, {
+      isUi: name === 'ui',
+      isSbanken: name === 'sbanken',
+      isEiendom: name === 'eiendom'
+    });
+  }
+  return null;
 }
 //# sourceMappingURL=useTheme.js.map

package/es/shared/useTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.js","names":["React","Context","useTheme","context","useContext","theme"],"sources":["../../../src/shared/useTheme.tsx"],"sourcesContent":["/**\n * Theme Hook\n *\n */\n\nimport React from 'react'\nimport Context from './Context'\n\nexport default function useTheme() {\n  const context = React.useContext(Context)\n\n  return context?.theme || null\n}\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,eAAe,SAASC,QAAQA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAGH,KAAK,CAACI,UAAU,CAACH,OAAO,CAAC;EAEzC,OAAO,CAAAE,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,KAAK,KAAI,IAAI;AAC/B"}
+{"version":3,"file":"useTheme.js","names":["React","Context","useTheme","context","useContext","theme","name","_objectSpread","isUi","isSbanken","isEiendom"],"sources":["../../../src/shared/useTheme.tsx"],"sourcesContent":["/**\n * Theme Hook\n *\n */\n\nimport React from 'react'\nimport Context from './Context'\n\nexport default function useTheme() {\n  const context = React.useContext(Context)\n\n  if (context?.theme) {\n    const { name } = context.theme\n    return {\n      ...context.theme,\n      isUi: name === 'ui',\n      isSbanken: name === 'sbanken',\n      isEiendom: name === 'eiendom',\n    }\n  }\n\n  return null\n}\n"],"mappings":";;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,WAAW;AAE/B,eAAe,SAASC,QAAQA,CAAA,EAAG;EACjC,MAAMC,OAAO,GAAGH,KAAK,CAACI,UAAU,CAACH,OAAO,CAAC;EAEzC,IAAIE,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,KAAK,EAAE;IAClB,MAAM;MAAEC;IAAK,CAAC,GAAGH,OAAO,CAACE,KAAK;IAC9B,OAAAE,aAAA,CAAAA,aAAA,KACKJ,OAAO,CAACE,KAAK;MAChBG,IAAI,EAAEF,IAAI,KAAK,IAAI;MACnBG,SAAS,EAAEH,IAAI,KAAK,SAAS;MAC7BI,SAAS,EAAEJ,IAAI,KAAK;IAAS;EAEjC;EAEA,OAAO,IAAI;AACb"}

package/es/style/dnb-ui-components.css

@@ -550,7 +550,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
 .dnb-accordion__header__description + .dnb-accordion__header__title {
   margin-top: 0.25rem;
 }
-.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
+.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon {
   transform: rotate(-180deg);
 }
 .dnb-accordion__content {
@@ -586,7 +586,7 @@ html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
   }
 }
 @media screen and (min-width: 40em) {
-  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon:not(.dnb-accordion__header__icon--no-animation) {
+  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
     transform: rotate(-90deg);
   }
 }
@@ -4305,6 +4305,63 @@ html[data-visual-test] .dnb-input__input {
   font-family: var(--font-family-monospace);
 }
 
+.dnb-multi-input-mask__fieldset {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.dnb-multi-input-mask__fieldset--horizontal {
+  display: inline-flex;
+  flex-flow: row wrap;
+  align-items: baseline;
+  grid-gap: 1rem;
+  gap: 1rem;
+}
+
+.dnb-multi-input-mask__input {
+  display: inline-block;
+  width: auto;
+  margin: 0;
+  padding: 0 0.125rem;
+  transform: translateY(0);
+  outline: none;
+  font-family: var(--font-family-monospace);
+  text-align: center;
+  border: none;
+  background: transparent;
+  overflow: visible;
+  white-space: nowrap;
+}
+.dnb-multi-input-mask__input:first-of-type {
+  padding-left: 0.5rem;
+}
+.dnb-multi-input-mask__input:last-of-type {
+  padding-right: 0.5rem;
+}
+
+.dnb-multi-input-mask {
+  width: -moz-fit-content;
+  width: fit-content;
+}
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input,
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter {
+  color: var(--color-black-55);
+}
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight,
+.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight {
+  color: var(--color-black);
+}
+.dnb-multi-input-mask .dnb-input__shell:focus-within {
+  box-shadow: 0 0 0 var(--input-border-width--focus) var(--input-border-color--hover);
+}
+
+.dnb-multi-input-mask__legend--horizontal.dnb-form-label {
+  display: contents;
+}
+.dnb-multi-input-mask__legend:not([disabled]):hover ~ .dnb-multi-input-mask .dnb-input__shell {
+  box-shadow: 0 0 0 var(--input-border-width--focus) var(--input-border-color--hover);
+}
+
 /*
  * Logo Component
  *