@dnb/eufemia 10.76.1 → 10.77.0

package/components/pagination/style/dnb-pagination--isolated.css

@@ -0,0 +1,116 @@
+/*
+ * Pagination component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-pagination {
+  display: flex;
+  flex-direction: column-reverse;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__bar, .eufemia-scope--10_77_0 .dnb-pagination__loadbar, .eufemia-scope--10_77_0 .dnb-pagination__bar__inner {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__page, .eufemia-scope--10_77_0 .dnb-pagination__loadbar {
+  min-height: 6rem;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__bar {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-pagination--left .dnb-pagination__bar {
+  justify-content: flex-start;
+}
+.eufemia-scope--10_77_0 .dnb-pagination--center .dnb-pagination__bar {
+  justify-content: center;
+}
+@media screen and (max-width: 40em) {
+  .eufemia-scope--10_77_0 .dnb-pagination--center .dnb-pagination__bar {
+    justify-content: flex-start;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-pagination--right .dnb-pagination__bar {
+  justify-content: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__bar__wrapper {
+  display: flex;
+  flex-flow: column-reverse wrap;
+  row-gap: 0.5rem;
+}
+@media screen and (min-width: 72.00625em) {
+  .eufemia-scope--10_77_0 .dnb-pagination--layout-horizontal .dnb-pagination__bar__wrapper {
+    flex-flow: row-reverse wrap;
+    justify-content: space-between;
+    flex: 1;
+  }
+}
+.eufemia-scope--10_77_0 .dnb-pagination--center .dnb-pagination__bar__wrapper {
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-pagination--right .dnb-pagination__bar__wrapper {
+  align-items: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__bar__inner {
+  gap: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__button {
+  max-width: 3.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__button--large-number {
+  max-width: unset;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__loadbar {
+  cursor: default;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__indicator {
+  cursor: default;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__indicator__inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  animation: show-page 300ms ease-out forwards;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__dots {
+  align-self: flex-end;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__marker {
+  pointer-events: none;
+  position: relative;
+  height: 1px;
+  width: 1px;
+  margin: -1px 0 0 -1px;
+  overflow: hidden;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__marker td, .eufemia-scope--10_77_0 .dnb-pagination__marker__inner {
+  padding: 0 !important;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+}
+.eufemia-scope--10_77_0 .dnb-pagination__bar__skip {
+  display: flex;
+  column-gap: 1.5rem;
+}
+
+@keyframes show-page {
+  from {
+    transform: translate3d(0, -8px, 0);
+    opacity: 0.1;
+  }
+  to {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}

package/components/pagination/style/dnb-pagination--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-pagination{display:flex;flex-direction:column-reverse}.eufemia-scope--10_77_0 .dnb-pagination__bar,.eufemia-scope--10_77_0 .dnb-pagination__bar__inner,.eufemia-scope--10_77_0 .dnb-pagination__loadbar{align-items:center;display:flex;flex-wrap:wrap}.eufemia-scope--10_77_0 .dnb-pagination__loadbar,.eufemia-scope--10_77_0 .dnb-pagination__page{min-height:6rem}.eufemia-scope--10_77_0 .dnb-pagination__bar{margin-bottom:1rem;margin-top:1rem}.eufemia-scope--10_77_0 .dnb-pagination--left .dnb-pagination__bar{justify-content:flex-start}.eufemia-scope--10_77_0 .dnb-pagination--center .dnb-pagination__bar{justify-content:center}@media screen and (max-width:40em){.eufemia-scope--10_77_0 .dnb-pagination--center .dnb-pagination__bar{justify-content:flex-start}}.eufemia-scope--10_77_0 .dnb-pagination--right .dnb-pagination__bar{justify-content:flex-end}.eufemia-scope--10_77_0 .dnb-pagination__bar__wrapper{display:flex;flex-flow:column-reverse wrap;row-gap:.5rem}@media screen and (min-width:72.00625em){.eufemia-scope--10_77_0 .dnb-pagination--layout-horizontal .dnb-pagination__bar__wrapper{flex:1;flex-flow:row-reverse wrap;justify-content:space-between}}.eufemia-scope--10_77_0 .dnb-pagination--center .dnb-pagination__bar__wrapper{align-items:center}.eufemia-scope--10_77_0 .dnb-pagination--right .dnb-pagination__bar__wrapper{align-items:flex-end}.eufemia-scope--10_77_0 .dnb-pagination__bar__inner{gap:.5rem}.eufemia-scope--10_77_0 .dnb-pagination__button{max-width:3.5rem}.eufemia-scope--10_77_0 .dnb-pagination__button--large-number{max-width:unset}.eufemia-scope--10_77_0 .dnb-pagination__loadbar{align-items:center;cursor:default;display:flex;justify-content:center}.eufemia-scope--10_77_0 .dnb-pagination__indicator{cursor:default;display:flex;flex-direction:column;justify-content:center;min-height:inherit}.eufemia-scope--10_77_0 .dnb-pagination__indicator__inner{align-items:center;animation:show-page .3s ease-out forwards;display:flex;flex-direction:column;justify-content:center}.eufemia-scope--10_77_0 .dnb-pagination__dots{align-self:flex-end}.eufemia-scope--10_77_0 .dnb-pagination__marker{height:1px;margin:-1px 0 0 -1px;overflow:hidden;pointer-events:none;position:relative;width:1px}.eufemia-scope--10_77_0 .dnb-pagination__marker td,.eufemia-scope--10_77_0 .dnb-pagination__marker__inner{height:1px;opacity:0;padding:0!important;width:1px}.eufemia-scope--10_77_0 .dnb-pagination__bar__skip{column-gap:1.5rem;display:flex}@keyframes show-page{0%{opacity:.1;transform:translate3d(0,-8px,0)}to{opacity:1;transform:translateZ(0)}}

package/components/pagination/style/themes/dnb-pagination-theme-sbanken--isolated.css

@@ -0,0 +1,26 @@
+/*
+* Pagination theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-pagination__bar__skip .dnb-button--tertiary:not([disabled]) .dnb-button__text {
+  color: var(--sb-color-text);
+}
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button, .eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button {
+  --button-primary-color: var(--sb-color-white);
+  --button-primary-color--active: var(--sb-color-white);
+  --button-primary-background: var(--sb-color-violet);
+  --button-primary-background--hover: var(--sb-color-violet-light-4);
+  --button-primary-background--active: var(--sb-color-violet);
+  --button-primary-border--hover: var(--sb-color-violet);
+  --button-secondary-background--hover: var(--sb-color-white);
+  --button-secondary-border--default: var(--sb-color-gray);
+  --button-secondary-border--hover: var(--sb-color-violet);
+  --button-secondary-border--active: var(--sb-color-gray);
+}
+
+.eufemia-scope--10_77_0 .dnb-pagination__dots {
+  color: var(--sb-color-text);
+}

package/components/pagination/style/themes/dnb-pagination-theme-sbanken--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-pagination__bar__skip .dnb-button--tertiary:not([disabled]) .dnb-button__text{color:var(--sb-color-text)}.eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button,.eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button{--button-primary-color:var(--sb-color-white);--button-primary-color--active:var(--sb-color-white);--button-primary-background:var(--sb-color-violet);--button-primary-background--hover:var(--sb-color-violet-light-4);--button-primary-background--active:var(--sb-color-violet);--button-primary-border--hover:var(--sb-color-violet);--button-secondary-background--hover:var(--sb-color-white);--button-secondary-border--default:var(--sb-color-gray);--button-secondary-border--hover:var(--sb-color-violet);--button-secondary-border--active:var(--sb-color-gray)}.eufemia-scope--10_77_0 .dnb-pagination__dots{color:var(--sb-color-text)}

package/components/pagination/style/themes/dnb-pagination-theme-ui--isolated.css

@@ -0,0 +1,19 @@
+/*
+* Pagination theme
+*
+*/
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button--primary, .eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]), .eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button--primary, .eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]) {
+  background-color: var(--color-emerald-green);
+  color: var(--color-mint-green);
+}
+html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus {
+  color: var(--color-emerald-green);
+  background-color: var(--color-mint-green);
+}
+
+.eufemia-scope--10_77_0 .dnb-pagination__dots {
+  color: var(--color-black-55);
+}

package/components/pagination/style/themes/dnb-pagination-theme-ui--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button--primary,.eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]),.eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button--primary,.eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green)}html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus,html[data-whatinput=keyboard] .eufemia-scope--10_77_0 .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus{background-color:var(--color-mint-green);color:var(--color-emerald-green)}.eufemia-scope--10_77_0 .dnb-pagination__dots{color:var(--color-black-55)}

package/components/portal-root/PortalRoot.js

@@ -1,11 +1,15 @@
 "use client";
 
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["innerRef", "className", "style", "children"];
-import React, { useEffect, useMemo, useRef } from 'react';
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React, { useContext, useEffect, useMemo, useRef } from 'react';
 import { createPortal } from 'react-dom';
 import classnames from 'classnames';
+import IsolatedStyleScope, { IsolatedStyleScopeContext } from '../../shared/IsolatedStyleScope';
 function PortalRoot(_ref) {
   let {
       innerRef,
@@ -14,6 +18,9 @@ function PortalRoot(_ref) {
       children
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    style: scopeStyle
+  } = useContext(IsolatedStyleScopeContext) || {};
   const id = 'eufemia-portal-root';
   const initialElement = useMemo(() => getOrCreatePortalElement(id), []);
   const localRef = useRef(initialElement);
@@ -32,10 +39,14 @@ function PortalRoot(_ref) {
   if (!localRef.current) {
     return null;
   }
-  return createPortal(React.createElement("div", _extends({
+  return createPortal(React.createElement(IsolatedStyleScope, {
+    scopeHash: "auto",
+    disableCoreStyleWrapper: true,
+    uniqueKey: false
+  }, React.createElement("div", _extends({
     className: classnames('dnb-core-style', className),
-    style: style
-  }, rest), children), localRef.current);
+    style: _objectSpread(_objectSpread({}, scopeStyle), style)
+  }, rest), children)), localRef.current);
 }
 export function getOrCreatePortalElement(id) {
   if (typeof window === 'undefined') {

package/components/portal-root/PortalRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalRoot.js","names":["React","useEffect","useMemo","useRef","createPortal","classnames","PortalRoot","_ref","innerRef","className","style","children","rest","_objectWithoutProperties","_excluded","id","initialElement","getOrCreatePortalElement","localRef","elem","current","ref","createElement","_extends","window","document","getElementById","setAttribute","body","insertBefore","firstChild"],"sources":["../../../../src/components/portal-root/PortalRoot.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport classnames from 'classnames'\n\nexport type PortalRootProps = {\n  innerRef?:\n    | React.Ref<HTMLElement>\n    | React.MutableRefObject<HTMLElement>\n    | ((instance: HTMLElement) => void)\n} & Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nfunction PortalRoot({\n  innerRef,\n  className,\n  style,\n  children,\n  ...rest\n}: PortalRootProps): JSX.Element {\n  const id = 'eufemia-portal-root'\n  const initialElement = useMemo(\n    () => getOrCreatePortalElement(id),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n  const localRef = useRef<HTMLElement | null>(initialElement)\n\n  useEffect(() => {\n    const elem = getOrCreatePortalElement(id)\n    localRef.current = elem\n\n    if (innerRef) {\n      if (typeof innerRef === 'function') {\n        innerRef(elem)\n      } else {\n        const ref = innerRef as React.MutableRefObject<HTMLElement>\n        ref.current = elem\n      }\n    }\n\n    // Do not remove the element, because it might be used by other components\n  }, [id, innerRef])\n\n  if (!localRef.current) {\n    return null\n  }\n\n  return createPortal(\n    <div\n      className={classnames('dnb-core-style', className)}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </div>,\n    localRef.current\n  )\n}\n\nexport function getOrCreatePortalElement(id: string): HTMLElement | null {\n  if (typeof window === 'undefined') {\n    return null\n  }\n\n  let elem = document.getElementById(id) as HTMLElement | null\n  if (!elem) {\n    elem = document.createElement('div')\n    elem.setAttribute('id', id)\n    elem.setAttribute('role', 'presentation')\n    document.body.insertBefore(elem, document.body.firstChild)\n  }\n\n  return elem\n}\n\nexport default PortalRoot\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACzD,SAASC,YAAY,QAAQ,WAAW;AACxC,OAAOC,UAAU,MAAM,YAAY;AASnC,SAASC,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;MAClBC,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC;IAEe,CAAC,GAAAJ,IAAA;IADbK,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,MAAMC,EAAE,GAAG,qBAAqB;EAChC,MAAMC,cAAc,GAAGd,OAAO,CAC5B,MAAMe,wBAAwB,CAACF,EAAE,CAAC,EAElC,EACF,CAAC;EACD,MAAMG,QAAQ,GAAGf,MAAM,CAAqBa,cAAc,CAAC;EAE3Df,SAAS,CAAC,MAAM;IACd,MAAMkB,IAAI,GAAGF,wBAAwB,CAACF,EAAE,CAAC;IACzCG,QAAQ,CAACE,OAAO,GAAGD,IAAI;IAEvB,IAAIX,QAAQ,EAAE;MACZ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAACW,IAAI,CAAC;MAChB,CAAC,MAAM;QACL,MAAME,GAAG,GAAGb,QAA+C;QAC3Da,GAAG,CAACD,OAAO,GAAGD,IAAI;MACpB;IACF;EAGF,CAAC,EAAE,CAACJ,EAAE,EAAEP,QAAQ,CAAC,CAAC;EAElB,IAAI,CAACU,QAAQ,CAACE,OAAO,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,OAAOhB,YAAY,CACjBJ,KAAA,CAAAsB,aAAA,QAAAC,QAAA;IACEd,SAAS,EAAEJ,UAAU,CAAC,gBAAgB,EAAEI,SAAS,CAAE;IACnDC,KAAK,EAAEA;EAAM,GACTE,IAAI,GAEPD,QACE,CAAC,EACNO,QAAQ,CAACE,OACX,CAAC;AACH;AAEA,OAAO,SAASH,wBAAwBA,CAACF,EAAU,EAAsB;EACvE,IAAI,OAAOS,MAAM,KAAK,WAAW,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,IAAIL,IAAI,GAAGM,QAAQ,CAACC,cAAc,CAACX,EAAE,CAAuB;EAC5D,IAAI,CAACI,IAAI,EAAE;IACTA,IAAI,GAAGM,QAAQ,CAACH,aAAa,CAAC,KAAK,CAAC;IACpCH,IAAI,CAACQ,YAAY,CAAC,IAAI,EAAEZ,EAAE,CAAC;IAC3BI,IAAI,CAACQ,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC;IACzCF,QAAQ,CAACG,IAAI,CAACC,YAAY,CAACV,IAAI,EAAEM,QAAQ,CAACG,IAAI,CAACE,UAAU,CAAC;EAC5D;EAEA,OAAOX,IAAI;AACb;AAEA,eAAeb,UAAU","ignoreList":[]}
+{"version":3,"file":"PortalRoot.js","names":["React","useContext","useEffect","useMemo","useRef","createPortal","classnames","IsolatedStyleScope","IsolatedStyleScopeContext","PortalRoot","_ref","innerRef","className","style","children","rest","_objectWithoutProperties","_excluded","scopeStyle","id","initialElement","getOrCreatePortalElement","localRef","elem","current","ref","createElement","scopeHash","disableCoreStyleWrapper","uniqueKey","_extends","_objectSpread","window","document","getElementById","setAttribute","body","insertBefore","firstChild"],"sources":["../../../../src/components/portal-root/PortalRoot.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport classnames from 'classnames'\nimport IsolatedStyleScope, {\n  IsolatedStyleScopeContext,\n} from '../../shared/IsolatedStyleScope'\n\nexport type PortalRootProps = {\n  innerRef?:\n    | React.Ref<HTMLElement>\n    | React.MutableRefObject<HTMLElement>\n    | ((instance: HTMLElement) => void)\n} & Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nfunction PortalRoot({\n  innerRef,\n  className,\n  style,\n  children,\n  ...rest\n}: PortalRootProps): JSX.Element {\n  const { style: scopeStyle } = useContext(IsolatedStyleScopeContext) || {}\n\n  const id = 'eufemia-portal-root'\n  const initialElement = useMemo(\n    () => getOrCreatePortalElement(id),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n  const localRef = useRef<HTMLElement | null>(initialElement)\n\n  useEffect(() => {\n    const elem = getOrCreatePortalElement(id)\n    localRef.current = elem\n\n    if (innerRef) {\n      if (typeof innerRef === 'function') {\n        innerRef(elem)\n      } else {\n        const ref = innerRef as React.MutableRefObject<HTMLElement>\n        ref.current = elem\n      }\n    }\n\n    // Do not remove the element, because it might be used by other components\n  }, [id, innerRef])\n\n  if (!localRef.current) {\n    return null\n  }\n\n  return createPortal(\n    <IsolatedStyleScope\n      scopeHash=\"auto\"\n      disableCoreStyleWrapper\n      uniqueKey={false} // ensure that the scope is used on every portal root\n    >\n      <div\n        className={classnames('dnb-core-style', className)}\n        style={{ ...scopeStyle, ...style }}\n        {...rest}\n      >\n        {children}\n      </div>\n    </IsolatedStyleScope>,\n    localRef.current\n  )\n}\n\nexport function getOrCreatePortalElement(id: string): HTMLElement | null {\n  if (typeof window === 'undefined') {\n    return null\n  }\n\n  let elem = document.getElementById(id) as HTMLElement | null\n  if (!elem) {\n    elem = document.createElement('div')\n    elem.setAttribute('id', id)\n    elem.setAttribute('role', 'presentation')\n    document.body.insertBefore(elem, document.body.firstChild)\n  }\n\n  return elem\n}\n\nexport default PortalRoot\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACrE,SAASC,YAAY,QAAQ,WAAW;AACxC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,kBAAkB,IACvBC,yBAAyB,QACpB,iCAAiC;AASxC,SAASC,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;MAClBC,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC;IAEe,CAAC,GAAAJ,IAAA;IADbK,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,MAAM;IAAEJ,KAAK,EAAEK;EAAW,CAAC,GAAGjB,UAAU,CAACO,yBAAyB,CAAC,IAAI,CAAC,CAAC;EAEzE,MAAMW,EAAE,GAAG,qBAAqB;EAChC,MAAMC,cAAc,GAAGjB,OAAO,CAC5B,MAAMkB,wBAAwB,CAACF,EAAE,CAAC,EAElC,EACF,CAAC;EACD,MAAMG,QAAQ,GAAGlB,MAAM,CAAqBgB,cAAc,CAAC;EAE3DlB,SAAS,CAAC,MAAM;IACd,MAAMqB,IAAI,GAAGF,wBAAwB,CAACF,EAAE,CAAC;IACzCG,QAAQ,CAACE,OAAO,GAAGD,IAAI;IAEvB,IAAIZ,QAAQ,EAAE;MACZ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAACY,IAAI,CAAC;MAChB,CAAC,MAAM;QACL,MAAME,GAAG,GAAGd,QAA+C;QAC3Dc,GAAG,CAACD,OAAO,GAAGD,IAAI;MACpB;IACF;EAGF,CAAC,EAAE,CAACJ,EAAE,EAAER,QAAQ,CAAC,CAAC;EAElB,IAAI,CAACW,QAAQ,CAACE,OAAO,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,OAAOnB,YAAY,CACjBL,KAAA,CAAA0B,aAAA,CAACnB,kBAAkB;IACjBoB,SAAS,EAAC,MAAM;IAChBC,uBAAuB;IACvBC,SAAS,EAAE;EAAM,GAEjB7B,KAAA,CAAA0B,aAAA,QAAAI,QAAA;IACElB,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;IACnDC,KAAK,EAAAkB,aAAA,CAAAA,aAAA,KAAOb,UAAU,GAAKL,KAAK;EAAG,GAC/BE,IAAI,GAEPD,QACE,CACa,CAAC,EACrBQ,QAAQ,CAACE,OACX,CAAC;AACH;AAEA,OAAO,SAASH,wBAAwBA,CAACF,EAAU,EAAsB;EACvE,IAAI,OAAOa,MAAM,KAAK,WAAW,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,IAAIT,IAAI,GAAGU,QAAQ,CAACC,cAAc,CAACf,EAAE,CAAuB;EAC5D,IAAI,CAACI,IAAI,EAAE;IACTA,IAAI,GAAGU,QAAQ,CAACP,aAAa,CAAC,KAAK,CAAC;IACpCH,IAAI,CAACY,YAAY,CAAC,IAAI,EAAEhB,EAAE,CAAC;IAC3BI,IAAI,CAACY,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC;IACzCF,QAAQ,CAACG,IAAI,CAACC,YAAY,CAACd,IAAI,EAAEU,QAAQ,CAACG,IAAI,CAACE,UAAU,CAAC;EAC5D;EAEA,OAAOf,IAAI;AACb;AAEA,eAAed,UAAU","ignoreList":[]}

package/components/progress-indicator/style/dnb-progress-indicator--isolated.css

@@ -0,0 +1,269 @@
+/*
+ * ProgressIndicator component
+ *
+ */
+/*
+ * Utilities
+ */
+.eufemia-scope--10_77_0 .dnb-progress-indicator {
+  --progress-indicator-timing: cubic-bezier(0.5, 0, 0.5, 0.99);
+  --progress-indicator-circular-circle: 314.159265359%;
+  --progress-indicator-circular-circle-offset--min: 314.159265359%;
+  --progress-indicator-circular-circle-offset--max: 1%;
+  --progress-indicator-circular-size: 2rem;
+  --progress-indicator-circular-stroke-width: calc(
+    var(--progress-indicator-circular-size) / 8
+  );
+  --progress-indicator-circular-background-color: grey;
+  --progress-indicator-circular-bar-color: var(--color-black);
+  --progress-indicator-linear-size: 0.5rem;
+  --progress-indicator-linear-background-color: grey;
+  --progress-indicator-linear-bar-color: var(--color-black);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--vertical {
+  flex-direction: column;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--horizontal {
+  justify-content: center;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__label {
+  display: inline-flex;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__label .dnb-p {
+  align-self: center;
+}
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-progress-indicator .dnb-p,
+.eufemia-scope--10_77_0 .dnb-spacing .dnb-progress-indicator .dnb-p:not([class*=dnb-space]) {
+  margin: 0;
+}
+
+.eufemia-scope--10_77_0 .dnb-progress-indicator--horizontal .dnb-progress-indicator__label {
+  padding-left: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--horizontal.dnb-progress-indicator--small .dnb-progress-indicator__label {
+  padding-left: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--vertical .dnb-progress-indicator__label {
+  padding-top: 0.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--inside .dnb-progress-indicator__label {
+  position: absolute;
+  width: 100%;
+  justify-content: center;
+  padding: var(--progress-indicator-circular-stroke-width);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--small {
+  --progress-indicator-circular-size: 1rem;
+  --progress-indicator-linear-size: 0.25rem;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--medium {
+  --progress-indicator-circular-size: 1.5rem;
+  --progress-indicator-linear-size: 1rem;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--large {
+  --progress-indicator-circular-size: 3.5rem;
+  --progress-indicator-linear-size: 1.5rem;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--huge {
+  --progress-indicator-circular-size: 20rem;
+  --progress-indicator-linear-size: 2rem;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular {
+  position: relative;
+  width: var(--progress-indicator-circular-size);
+  height: var(--progress-indicator-circular-size);
+  transform: rotate(-90deg);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular svg {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: calc(var(--progress-indicator-circular-stroke-width) / 2);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular svg:not(:root) {
+  overflow: visible;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__background-padding {
+  display: block;
+  height: 100%;
+  padding: calc(var(--progress-indicator-circular-stroke-width) / 2);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__background {
+  display: block;
+  height: 100%;
+  background-color: transparent;
+  border-radius: 50%;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line {
+  animation-duration: 2s;
+  animation-delay: 200ms;
+  animation-timing-function: var(--progress-indicator-timing);
+  animation-iteration-count: infinite;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.background {
+  stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.light {
+  animation-name: progress-indicator-circular-line-light;
+  stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
+  stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.dark {
+  animation-name: progress-indicator-circular-line-dark;
+  stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
+  stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.paused {
+  animation-play-state: paused;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark {
+  transition: stroke-dashoffset 600ms var(--progress-indicator-timing);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__circle {
+  stroke-linecap: round;
+  stroke-width: var(--progress-indicator-circular-stroke-width);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle {
+  stroke: var(--progress-indicator-circular-background-color);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
+  stroke: var(--progress-indicator-circular-bar-color);
+  stroke-width: calc(var(--progress-indicator-circular-stroke-width) - 0.5px);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__linear {
+  background-color: var(--progress-indicator-linear-background-color);
+  position: relative;
+  overflow: hidden;
+  width: 100%;
+  will-change: transform;
+  height: var(--progress-indicator-linear-size);
+  border-radius: calc(var(--progress-indicator-linear-size) / 2);
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar {
+  background-color: var(--progress-indicator-linear-bar-color);
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  transform-origin: left;
+  border-radius: inherit;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar-transition {
+  transition: transform 0.2s linear;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar1-animation {
+  width: auto;
+  animation: progress-indicator-linear-bar-1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar2-animation {
+  width: auto;
+  animation: progress-indicator-linear-bar-2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar1-animation {
+  left: -35%;
+  right: 100%;
+  animation-duration: 0ms;
+  animation-iteration-count: 0;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar2-animation {
+  left: -200%;
+  right: 100%;
+  animation-duration: 0ms;
+  animation-iteration-count: 0;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator, .eufemia-scope--10_77_0 .dnb-progress-indicator--visible {
+  opacity: 0;
+  animation: progress-indicator-fade-in 200ms ease-out 1 forwards;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible) {
+  animation: progress-indicator-fade-out 600ms ease-out 1 forwards;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator {
+  opacity: 1;
+  animation-duration: 0ms;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--no-animation, .eufemia-scope--10_77_0 .dnb-progress-indicator--no-animation.dnb-progress-indicator--complete {
+  animation-duration: 0ms;
+}
+html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator__bar-transition {
+  transition: none;
+}
+.eufemia-scope--10_77_0 .dnb-progress-indicator--full-width {
+  width: 100%;
+  min-width: 1rem;
+}
+@keyframes progress-indicator-fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes progress-indicator-fade-out {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes progress-indicator-circular-line-light {
+  0% {
+    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
+  }
+  50% {
+    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
+  }
+  100% {
+    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
+  }
+}
+@keyframes progress-indicator-circular-line-dark {
+  0% {
+    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
+  }
+  50% {
+    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
+  }
+  100% {
+    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
+  }
+}
+@keyframes progress-indicator-linear-bar-1 {
+  0% {
+    left: -35%;
+    right: 100%;
+  }
+  60% {
+    left: 100%;
+    right: -90%;
+  }
+  100% {
+    left: 100%;
+    right: -90%;
+  }
+}
+@keyframes progress-indicator-linear-bar-2 {
+  0% {
+    left: -200%;
+    right: 100%;
+  }
+  60% {
+    left: 107%;
+    right: -8%;
+  }
+  100% {
+    left: 107%;
+    right: -8%;
+  }
+}

package/components/progress-indicator/style/dnb-progress-indicator--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-progress-indicator{--progress-indicator-timing:cubic-bezier(0.5,0,0.5,0.99);--progress-indicator-circular-circle:314.159265359%;--progress-indicator-circular-circle-offset--min:314.159265359%;--progress-indicator-circular-circle-offset--max:1%;--progress-indicator-circular-size:2rem;--progress-indicator-circular-stroke-width:calc(var(--progress-indicator-circular-size)/8);--progress-indicator-circular-background-color:grey;--progress-indicator-circular-bar-color:var(--color-black);--progress-indicator-linear-size:0.5rem;--progress-indicator-linear-background-color:grey;--progress-indicator-linear-bar-color:var(--color-black);align-items:center;display:inline-flex;position:relative}.eufemia-scope--10_77_0 .dnb-progress-indicator--vertical{flex-direction:column}.eufemia-scope--10_77_0 .dnb-progress-indicator--horizontal{justify-content:center}.eufemia-scope--10_77_0 .dnb-progress-indicator__label{display:inline-flex}.eufemia-scope--10_77_0 .dnb-progress-indicator__label .dnb-p{align-self:center}.eufemia-scope--10_77_0 .dnb-spacing .dnb-progress-indicator .dnb-p,.eufemia-scope--10_77_0 .dnb-spacing .dnb-progress-indicator .dnb-p:not([class*=dnb-space]){margin:0}.eufemia-scope--10_77_0 .dnb-progress-indicator--horizontal .dnb-progress-indicator__label{padding-left:1rem}.eufemia-scope--10_77_0 .dnb-progress-indicator--horizontal.dnb-progress-indicator--small .dnb-progress-indicator__label{padding-left:.5rem}.eufemia-scope--10_77_0 .dnb-progress-indicator--vertical .dnb-progress-indicator__label{padding-top:.5rem}.eufemia-scope--10_77_0 .dnb-progress-indicator--inside .dnb-progress-indicator__label{justify-content:center;padding:var(--progress-indicator-circular-stroke-width);position:absolute;width:100%}.eufemia-scope--10_77_0 .dnb-progress-indicator--small{--progress-indicator-circular-size:1rem;--progress-indicator-linear-size:0.25rem}.eufemia-scope--10_77_0 .dnb-progress-indicator--medium{--progress-indicator-circular-size:1.5rem;--progress-indicator-linear-size:1rem}.eufemia-scope--10_77_0 .dnb-progress-indicator--large{--progress-indicator-circular-size:3.5rem;--progress-indicator-linear-size:1.5rem}.eufemia-scope--10_77_0 .dnb-progress-indicator--huge{--progress-indicator-circular-size:20rem;--progress-indicator-linear-size:2rem}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular{height:var(--progress-indicator-circular-size);position:relative;transform:rotate(-90deg);width:var(--progress-indicator-circular-size)}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular svg{bottom:0;height:100%;left:0;padding:calc(var(--progress-indicator-circular-stroke-width)/2);position:absolute;right:0;top:0;width:100%}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular svg:not(:root){overflow:visible}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__background-padding{display:block;height:100%;padding:calc(var(--progress-indicator-circular-stroke-width)/2)}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__background{background-color:transparent;border-radius:50%;display:block;height:100%}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line{animation-delay:.2s;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:var(--progress-indicator-timing)}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.background,.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.light{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.light{stroke-dasharray:var(--progress-indicator-circular-circle),var(--progress-indicator-circular-circle);animation-name:progress-indicator-circular-line-light}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.dark{stroke-dasharray:var(--progress-indicator-circular-circle),var(--progress-indicator-circular-circle);stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min);animation-name:progress-indicator-circular-line-dark}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.paused{animation-play-state:paused}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark{transition:stroke-dashoffset .6s var(--progress-indicator-timing)}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__circle{stroke-linecap:round;stroke-width:var(--progress-indicator-circular-stroke-width)}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle{stroke:var(--progress-indicator-circular-background-color)}.eufemia-scope--10_77_0 .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle{stroke:var(--progress-indicator-circular-bar-color);stroke-width:calc(var(--progress-indicator-circular-stroke-width) - .5px)}.eufemia-scope--10_77_0 .dnb-progress-indicator__linear{background-color:var(--progress-indicator-linear-background-color);border-radius:calc(var(--progress-indicator-linear-size)/2);height:var(--progress-indicator-linear-size);overflow:hidden;position:relative;width:100%;will-change:transform}.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar{background-color:var(--progress-indicator-linear-bar-color);border-radius:inherit;bottom:0;left:0;position:absolute;top:0;transform-origin:left;width:100%}.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar-transition{transition:transform .2s linear}.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar1-animation{animation:progress-indicator-linear-bar-1 2.1s cubic-bezier(.65,.815,.735,.395) infinite;width:auto}.eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar2-animation{animation:progress-indicator-linear-bar-2 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite;width:auto}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar1-animation{animation-duration:0ms;animation-iteration-count:0;left:-35%;right:100%}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator__linear__bar2-animation{animation-duration:0ms;animation-iteration-count:0;left:-200%;right:100%}.eufemia-scope--10_77_0 .dnb-progress-indicator,.eufemia-scope--10_77_0 .dnb-progress-indicator--visible{animation:progress-indicator-fade-in .2s ease-out 1 forwards;opacity:0}.eufemia-scope--10_77_0 .dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible){animation:progress-indicator-fade-out .6s ease-out 1 forwards}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator{animation-duration:0ms;opacity:1}.eufemia-scope--10_77_0 .dnb-progress-indicator--no-animation,.eufemia-scope--10_77_0 .dnb-progress-indicator--no-animation.dnb-progress-indicator--complete{animation-duration:0ms}html[data-visual-test] .eufemia-scope--10_77_0 .dnb-progress-indicator__bar-transition{transition:none}.eufemia-scope--10_77_0 .dnb-progress-indicator--full-width{min-width:1rem;width:100%}@keyframes progress-indicator-fade-in{0%{opacity:0}to{opacity:1}}@keyframes progress-indicator-fade-out{0%{opacity:1}to{opacity:0}}@keyframes progress-indicator-circular-line-light{0%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}to{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-circular-line-dark{0%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--min)}50%{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}to{stroke-dashoffset:var(--progress-indicator-circular-circle-offset--max)}}@keyframes progress-indicator-linear-bar-1{0%{left:-35%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes progress-indicator-linear-bar-2{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}

package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken--isolated.css

@@ -0,0 +1,18 @@
+/*
+* ProgressIndicator theme for Sbanken
+*
+*/
+.eufemia-scope--10_77_0 .dnb-progress-indicator {
+  --progress-indicator-circular-background-color: var(
+    --sb-color-gray-light-2
+  );
+  --progress-indicator-circular-bar-color: var(
+    --sb-color-purple-alternative
+  );
+  --progress-indicator-linear-background-color: var(
+    --sb-color-gray-light-2
+  );
+  --progress-indicator-linear-bar-color: var(
+    --sb-color-purple-alternative
+  );
+}

package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-sbanken--isolated.min.css

@@ -0,0 +1,9 @@
+.eufemia-scope--10_77_0 .dnb-progress-indicator{--progress-indicator-circular-background-color:var(
+    --sb-color-gray-light-2
+  );--progress-indicator-circular-bar-color:var(
+    --sb-color-purple-alternative
+  );--progress-indicator-linear-background-color:var(
+    --sb-color-gray-light-2
+  );--progress-indicator-linear-bar-color:var(
+    --sb-color-purple-alternative
+  )}

package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui--isolated.css

@@ -0,0 +1,10 @@
+/*
+* ProgressIndicator theme
+*
+*/
+.eufemia-scope--10_77_0 .dnb-progress-indicator {
+  --progress-indicator-circular-background-color: var(--color-mint-green);
+  --progress-indicator-circular-bar-color: var(--color-emerald-green);
+  --progress-indicator-linear-background-color: var(--color-black-8);
+  --progress-indicator-linear-bar-color: var(--color-sea-green);
+}

package/components/progress-indicator/style/themes/dnb-progress-indicator-theme-ui--isolated.min.css

@@ -0,0 +1 @@
+.eufemia-scope--10_77_0 .dnb-progress-indicator{--progress-indicator-circular-background-color:var(--color-mint-green);--progress-indicator-circular-bar-color:var(--color-emerald-green);--progress-indicator-linear-background-color:var(--color-black-8);--progress-indicator-linear-bar-color:var(--color-sea-green)}