@dnb/eufemia 10.27.0 → 10.29.0

package/cjs/extensions/payment-card/PaymentCard.d.ts

@@ -33,10 +33,12 @@ export enum BankAxept {
   Black,
   Gold,
   Black20,
-  Gray
+  Gray,
+  GrayDark
 }
 export enum BankAxeptType {
   BankAxept,
+  Credit,
   None
 }
 export enum Designs {

package/cjs/extensions/payment-card/icons/Credit.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CreditLogoSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default CreditLogoSVG;

package/cjs/extensions/payment-card/icons/Credit.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _title;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const CreditLogoSVG = props => _react.default.createElement("svg", _extends({
+  width: "32",
+  height: "10",
+  viewBox: "0 0 32 10",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _title || (_title = _react.default.createElement("title", null, "Credit logo")), _react.default.createElement("path", {
+  fill: props.fill,
+  d: "M6.61 9.278c-.395.197-1.17.394-2.171.394-2.326 0-4.074-1.462-4.074-4.16 0-2.697 1.748-4.313 4.3-4.313 1.028 0 1.677.211 1.959.366l-.254.87C5.961 2.24 5.397 2.1 4.707 2.1c-1.931 0-3.214 1.236-3.214 3.386 0 2.009 1.156 3.302 3.171 3.302.649 0 1.311-.141 1.734-.338l.226.843-.014-.014ZM8.047 5.499c0-.689 0-1.293-.056-1.84h.944l.042 1.151h.043c.268-.786.916-1.292 1.635-1.292.127 0 .211 0 .31.042V4.57a1.46 1.46 0 0 0-.367-.042c-.76 0-1.296.576-1.437 1.377a2.62 2.62 0 0 0-.057.492v3.147H8.047v-4.06.014ZM12.684 6.805c.029 1.448.959 2.052 2.03 2.052.775 0 1.24-.14 1.635-.31l.183.773c-.38.169-1.028.366-1.959.366-1.818 0-2.903-1.195-2.903-2.965 0-1.77 1.057-3.175 2.776-3.175 1.931 0 2.439 1.7 2.439 2.782 0 .225-.028.393-.042.506h-4.159v-.029Zm3.158-.772c0-.689-.282-1.743-1.494-1.743-1.086 0-1.565.998-1.65 1.743h3.144ZM23.495.904v7.124c0 .52 0 1.124.043 1.517h-.959l-.042-1.025h-.028c-.339.66-1.057 1.152-2.016 1.152-1.423 0-2.523-1.209-2.523-2.993 0-1.967 1.212-3.161 2.65-3.161.902 0 1.522.421 1.776.899h.028V.89h1.071v.014ZM22.41 6.061c0-.14 0-.323-.056-.45a1.567 1.567 0 0 0-1.55-1.236c-1.114 0-1.777.97-1.777 2.276 0 1.194.592 2.178 1.748 2.178.719 0 1.381-.478 1.579-1.279.042-.14.056-.295.056-.464V6.061ZM26.639 2c0 .366-.254.66-.691.66A.64.64 0 0 1 25.3 2c0-.365.281-.674.676-.674s.663.295.663.674ZM25.44 3.658h1.07v5.887h-1.07V3.658ZM29.768 1.972v1.7h1.536v.815h-1.536v3.176c0 .73.211 1.152.803 1.152.282 0 .493-.043.62-.07l.043.8c-.212.085-.536.14-.959.14-.493 0-.902-.154-1.156-.449-.31-.309-.408-.843-.408-1.531V4.487h-.917v-.815h.917V2.253l1.057-.28Z"
+}));
+var _default = CreditLogoSVG;
+exports.default = _default;
+//# sourceMappingURL=Credit.js.map

package/cjs/extensions/payment-card/icons/Credit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Credit.js","names":["_react","_interopRequireDefault","require","_title","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CreditLogoSVG","props","createElement","width","height","viewBox","fill","xmlns","d","_default","exports"],"sources":["../../../../../src/extensions/payment-card/icons/Credit.tsx"],"sourcesContent":["import React from 'react'\n\nconst CreditLogoSVG = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"32\"\n    height=\"10\"\n    viewBox=\"0 0 32 10\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <title>Credit logo</title>\n\n    <path\n      fill={props.fill}\n      d=\"M6.61 9.278c-.395.197-1.17.394-2.171.394-2.326 0-4.074-1.462-4.074-4.16 0-2.697 1.748-4.313 4.3-4.313 1.028 0 1.677.211 1.959.366l-.254.87C5.961 2.24 5.397 2.1 4.707 2.1c-1.931 0-3.214 1.236-3.214 3.386 0 2.009 1.156 3.302 3.171 3.302.649 0 1.311-.141 1.734-.338l.226.843-.014-.014ZM8.047 5.499c0-.689 0-1.293-.056-1.84h.944l.042 1.151h.043c.268-.786.916-1.292 1.635-1.292.127 0 .211 0 .31.042V4.57a1.46 1.46 0 0 0-.367-.042c-.76 0-1.296.576-1.437 1.377a2.62 2.62 0 0 0-.057.492v3.147H8.047v-4.06.014ZM12.684 6.805c.029 1.448.959 2.052 2.03 2.052.775 0 1.24-.14 1.635-.31l.183.773c-.38.169-1.028.366-1.959.366-1.818 0-2.903-1.195-2.903-2.965 0-1.77 1.057-3.175 2.776-3.175 1.931 0 2.439 1.7 2.439 2.782 0 .225-.028.393-.042.506h-4.159v-.029Zm3.158-.772c0-.689-.282-1.743-1.494-1.743-1.086 0-1.565.998-1.65 1.743h3.144ZM23.495.904v7.124c0 .52 0 1.124.043 1.517h-.959l-.042-1.025h-.028c-.339.66-1.057 1.152-2.016 1.152-1.423 0-2.523-1.209-2.523-2.993 0-1.967 1.212-3.161 2.65-3.161.902 0 1.522.421 1.776.899h.028V.89h1.071v.014ZM22.41 6.061c0-.14 0-.323-.056-.45a1.567 1.567 0 0 0-1.55-1.236c-1.114 0-1.777.97-1.777 2.276 0 1.194.592 2.178 1.748 2.178.719 0 1.381-.478 1.579-1.279.042-.14.056-.295.056-.464V6.061ZM26.639 2c0 .366-.254.66-.691.66A.64.64 0 0 1 25.3 2c0-.365.281-.674.676-.674s.663.295.663.674ZM25.44 3.658h1.07v5.887h-1.07V3.658ZM29.768 1.972v1.7h1.536v.815h-1.536v3.176c0 .73.211 1.152.803 1.152.282 0 .493-.043.62-.07l.043.8c-.212.085-.536.14-.959.14-.493 0-.902-.154-1.156-.449-.31-.309-.408-.843-.408-1.531V4.487h-.917v-.815h.917V2.253l1.057-.28Z\"\n    />\n  </svg>\n)\n\nexport default CreditLogoSVG\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,IAAAC,MAAA;AAAA,SAAAF,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEzB,MAAMQ,aAAa,GAAIC,KAAoC,IACzDtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,QAAAhB,QAAA;EACEiB,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXC,KAAK,EAAC;AAA4B,GAC9BN,KAAK,GAAAnB,MAAA,KAAAA,MAAA,GAETH,MAAA,CAAAM,OAAA,CAAAiB,aAAA,gBAAO,aAAkB,CAAC,GAE1BvB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;EACEI,IAAI,EAAEL,KAAK,CAACK,IAAK;EACjBE,CAAC,EAAC;AAA6hD,CAChiD,CACE,CACN;AAAA,IAAAC,QAAA,GAEcT,aAAa;AAAAU,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}

package/cjs/extensions/payment-card/icons/Sbanken.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SbankenLogoSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SbankenLogoSVG;

package/cjs/extensions/payment-card/icons/Sbanken.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _title;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SbankenLogoSVG = props => _react.default.createElement("svg", _extends({
+  width: "117",
+  height: "43",
+  viewBox: "0 0 117 43",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, props), _title || (_title = _react.default.createElement("title", null, "Sbanken logo")), _react.default.createElement("path", {
+  fill: props.fill,
+  d: "M16.753 4.494c1.254 0 2.18-.956 2.18-2.18 0-1.226-.955-2.152-2.18-2.152-1.285 0-2.241.926-2.241 2.151 0 1.255.956 2.181 2.24 2.181ZM29.18 24.302c4.153 0 7.11-3.406 7.11-8.366 0-4.959-2.957-8.365-7.14-8.365-1.942 0-3.615.867-4.63 2.092h-.06V2.044h-2.39v21.81h2.3V22.3h.06c1.045 1.284 2.808 2.002 4.75 2.002Zm41.915-.449h2.39v-5.467l2.39-2.54h.06l5.109 8.007h2.838l-6.304-9.71 5.886-6.124h-3.346l-6.573 6.991h-.06V2.044h-2.39v21.81Zm-63.904.419c3.705 0 6.543-2.66 6.543-6.214 0-3.167-1.493-4.78-6.363-6.872-2.36-1.046-3.197-1.882-3.197-3.197 0-1.613 1.255-2.778 3.017-2.778 1.584 0 2.749 1.016 3.137 2.749l2.779-.688c-.657-2.897-2.988-4.78-5.916-4.78-3.346 0-5.885 2.39-5.885 5.497 0 2.69 1.374 4.213 5.348 6.006 3.167 1.344 4.212 2.36 4.212 4.063 0 2.031-1.583 3.495-3.675 3.495-2.18 0-3.585-1.255-4.063-3.615l-2.748.687c.777 3.585 3.226 5.647 6.811 5.647Zm36.718.03c1.971 0 3.674-.777 4.57-2.092h.06v1.643h2.24V12.74c0-3.197-2.18-5.169-5.735-5.169-3.316 0-5.796 1.972-6.364 5.08l2.42.477c.419-2.121 1.882-3.376 3.944-3.376 1.942 0 3.197.926 3.197 2.39 0 1.255-.956 1.912-4.004 2.66-3.973.985-5.527 2.33-5.527 5.018 0 2.749 2.002 4.482 5.199 4.482Zm10.605-.449h2.39v-9.918c0-2.45 1.673-4.123 4.153-4.123 2.42 0 3.914 1.553 3.914 4.123v9.918h2.39V13.606c0-3.675-2.36-6.035-6.035-6.035-1.673 0-3.466.747-4.422 1.853h-.06V8.019h-2.33v15.834Zm37.763.449c3.047 0 5.348-1.405 6.722-4.123l-1.972-1.195c-1.374 2.33-2.599 3.137-4.81 3.137-2.898 0-4.78-2.51-4.84-5.468h11.98V15.43c0-4.69-2.808-7.858-7.08-7.858-4.362 0-7.35 3.376-7.35 8.365 0 4.99 2.958 8.366 7.35 8.366Zm10.367-.449h2.39v-9.918c0-2.45 1.673-4.123 4.153-4.123 2.42 0 3.913 1.553 3.913 4.123v9.918h2.39V13.606c0-3.675-2.36-6.035-6.035-6.035-1.673 0-3.465.747-4.421 1.853h-.06V8.019h-2.33v15.834Zm-15.207-9.142c.03-2.599 2.121-4.959 4.84-4.959 2.778 0 4.571 2.181 4.66 4.96h-9.5Zm-58.436 7.35c-2.48 0-4.541-2.061-4.541-4.66v-2.958c0-2.57 2.061-4.631 4.69-4.631 2.808 0 4.75 2.42 4.75 6.124 0 3.705-1.942 6.125-4.9 6.125Zm15.087 0c-1.942 0-2.988-.837-2.988-2.39 0-1.345 1.046-2.091 3.794-2.808 2.092-.538 3.107-1.076 3.436-1.853h.06v3.466c0 2.091-1.793 3.585-4.302 3.585ZM24.595 40.127c-.817 0-1.482-.267-1.994-.802-.513-.539-.77-1.257-.77-2.156v-.19c0-.598.114-1.13.34-1.599.231-.472.55-.84.959-1.103a2.41 2.41 0 0 1 1.337-.401c.784 0 1.393.258 1.828.774.434.517.652 1.256.652 2.218v.429h-4.084c.014.594.187 1.075.518 1.443a1.65 1.65 0 0 0 1.27.546c.364 0 .672-.074.925-.223.252-.148.473-.345.663-.59l.63.49c-.506.776-1.263 1.164-2.274 1.164Zm-.128-5.404c-.416 0-.765.152-1.047.457-.283.3-.457.724-.524 1.27h3.02v-.078c-.03-.524-.171-.929-.424-1.215-.252-.29-.594-.434-1.025-.434ZM29.543 32.528v1.46h1.125v.796h-1.125v3.739c0 .241.05.423.15.546.1.119.272.178.513.178a2.5 2.5 0 0 0 .49-.067v.836a2.988 2.988 0 0 1-.79.111c-.461 0-.809-.139-1.043-.418-.234-.278-.35-.674-.35-1.186v-3.739h-1.098v-.797h1.097v-1.46h1.031ZM36.39 37.224l-.646.675v2.117h-1.03v-8.558h1.03v5.176l.552-.663 1.877-1.984h1.254l-2.346 2.519 2.62 3.51h-1.21l-2.1-2.791ZM40.218 36.946c0-.59.115-1.122.346-1.594.234-.471.557-.835.97-1.092.415-.256.889-.384 1.42-.384.82 0 1.484.284 1.99.852.508.569.762 1.325.762 2.268v.072c0 .587-.113 1.115-.34 1.583a2.539 2.539 0 0 1-.963 1.086c-.416.26-.896.39-1.438.39-.817 0-1.48-.284-1.989-.852-.505-.568-.758-1.32-.758-2.257v-.072Zm1.037.123c0 .668.154 1.205.462 1.61.312.405.728.607 1.248.607.524 0 .94-.204 1.248-.613.309-.412.463-.988.463-1.727 0-.661-.158-1.196-.474-1.605a1.487 1.487 0 0 0-1.248-.618c-.509 0-.92.202-1.231.607-.312.405-.468.985-.468 1.739ZM47.974 33.987l.034.758c.46-.58 1.062-.87 1.805-.87 1.274 0 1.916.72 1.927 2.157v3.984h-1.03v-3.99c-.004-.434-.104-.755-.301-.963-.193-.208-.496-.312-.908-.312-.335 0-.628.089-.88.267-.253.178-.45.412-.591.702v4.296h-1.031v-6.029h.975ZM56.805 38.417a.75.75 0 0 0-.318-.647c-.208-.156-.573-.29-1.097-.4-.52-.112-.934-.246-1.243-.402-.304-.156-.53-.342-.68-.557a1.345 1.345 0 0 1-.217-.769c0-.494.208-.912.624-1.254.42-.341.955-.512 1.605-.512.684 0 1.237.176 1.66.53.428.352.641.803.641 1.353h-1.036c0-.282-.12-.525-.362-.73-.238-.204-.539-.306-.903-.306-.375 0-.669.081-.88.245a.772.772 0 0 0-.318.64c0 .25.099.437.296.564.196.126.551.247 1.064.362.516.115.934.252 1.253.412.32.16.556.353.708.58.156.222.234.495.234.818 0 .539-.216.972-.646 1.299-.431.323-.99.484-1.677.484-.483 0-.91-.085-1.282-.256a2.112 2.112 0 0 1-.875-.713 1.75 1.75 0 0 1-.312-.998h1.031c.019.346.156.62.412.825.26.2.602.301 1.026.301.39 0 .702-.078.936-.234.237-.16.356-.371.356-.635ZM61.68 40.127c-.817 0-1.482-.267-1.994-.802-.513-.539-.77-1.257-.77-2.156v-.19c0-.598.114-1.13.34-1.599.23-.472.55-.84.959-1.103a2.41 2.41 0 0 1 1.337-.401c.784 0 1.393.258 1.828.774.434.517.652 1.256.652 2.218v.429h-4.084c.014.594.187 1.075.518 1.443a1.65 1.65 0 0 0 1.27.546c.364 0 .672-.074.925-.223.252-.148.474-.345.663-.59l.63.49c-.506.776-1.263 1.164-2.274 1.164Zm-.128-5.404c-.416 0-.765.152-1.047.457-.283.3-.457.724-.524 1.27h3.02v-.078c-.03-.524-.171-.929-.424-1.215-.252-.29-.594-.434-1.025-.434ZM70.322 37.069c0 .917-.21 1.656-.63 2.217-.42.56-.988.841-1.704.841-.732 0-1.308-.232-1.728-.696v2.903h-1.03v-8.347h.941l.05.669c.42-.52 1.003-.78 1.75-.78.724 0 1.296.273 1.716.819.423.546.635 1.306.635 2.279v.095Zm-1.03-.117c0-.68-.146-1.217-.435-1.61-.29-.395-.688-.591-1.193-.591-.624 0-1.092.276-1.404.83v2.88c.308.55.78.825 1.415.825.495 0 .886-.195 1.176-.585.293-.394.44-.977.44-1.75ZM73.035 32.528v1.46h1.126v.796h-1.126v3.739c0 .241.05.423.15.546.101.119.272.178.513.178a2.5 2.5 0 0 0 .49-.067v.836a2.988 2.988 0 0 1-.79.111c-.461 0-.808-.139-1.042-.418-.234-.278-.351-.674-.351-1.186v-3.739h-1.098v-.797h1.098v-1.46h1.03ZM78.707 40.016v-5.232h-.952v-.797h.952v-.618c0-.646.173-1.146.519-1.499.345-.353.833-.53 1.465-.53.238 0 .473.032.707.096l-.055.835a2.962 2.962 0 0 0-.557-.05c-.335 0-.593.099-.775.295-.182.194-.273.472-.273.836v.635h1.287v.797h-1.287v5.232h-1.03ZM85.081 34.912a3.089 3.089 0 0 0-.507-.039c-.676 0-1.135.288-1.376.864v4.279h-1.03v-6.029h1.002l.017.697c.338-.539.817-.808 1.438-.808.2 0 .352.026.456.078v.958ZM89.533 40.016c-.06-.119-.108-.33-.145-.635-.479.498-1.051.746-1.716.746-.594 0-1.083-.167-1.465-.501a1.643 1.643 0 0 1-.569-1.282c0-.627.238-1.114.714-1.46.479-.349 1.151-.523 2.017-.523h1.002v-.474c0-.36-.107-.646-.323-.858-.215-.215-.533-.323-.952-.323-.368 0-.676.093-.925.279-.25.185-.374.41-.374.674h-1.036c0-.301.106-.59.318-.87a2.2 2.2 0 0 1 .869-.668c.368-.163.77-.245 1.209-.245.695 0 1.239.175 1.632.524.394.345.598.822.613 1.432v2.774c0 .554.07.994.212 1.32v.09h-1.08Zm-1.71-.786c.323 0 .63-.083.919-.25.29-.168.5-.385.63-.652V37.09h-.808c-1.263 0-1.895.37-1.895 1.108 0 .324.108.576.323.758.216.182.493.273.83.273ZM95.01 40.016v-8.112h2.29c.706 0 1.33.156 1.872.468.542.312.96.755 1.254 1.331.297.576.447 1.237.451 1.984v.518c0 .765-.149 1.436-.446 2.011a3.091 3.091 0 0 1-1.264 1.326c-.546.309-1.184.466-1.912.474H95.01Zm1.07-7.232v6.357h1.125c.825 0 1.466-.256 1.922-.769.461-.512.691-1.242.691-2.19v-.473c0-.921-.217-1.636-.651-2.145-.431-.513-1.044-.773-1.84-.78H96.08ZM108.733 40.016h-1.075l-4.084-6.252v6.252h-1.076v-8.112h1.076l4.095 6.279v-6.28h1.064v8.113ZM110.633 40.016v-8.112h2.652c.88 0 1.542.182 1.984.546.445.364.668.902.668 1.615 0 .38-.108.715-.323 1.009-.215.29-.509.514-.88.674.438.123.783.357 1.036.702.256.342.384.75.384 1.226 0 .728-.235 1.3-.707 1.716-.472.416-1.139.624-2 .624h-2.814Zm1.07-3.794v2.92h1.766c.498 0 .89-.129 1.176-.385.289-.26.434-.617.434-1.07 0-.977-.531-1.465-1.593-1.465h-1.783Zm0-.858h1.616c.468 0 .841-.117 1.119-.351.283-.234.424-.552.424-.953 0-.446-.13-.77-.39-.97-.26-.204-.656-.306-1.187-.306h-1.582v2.58Z"
+}));
+var _default = SbankenLogoSVG;
+exports.default = _default;
+//# sourceMappingURL=Sbanken.js.map

package/cjs/extensions/payment-card/icons/Sbanken.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sbanken.js","names":["_react","_interopRequireDefault","require","_title","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","SbankenLogoSVG","props","createElement","width","height","viewBox","fill","xmlns","d","_default","exports"],"sources":["../../../../../src/extensions/payment-card/icons/Sbanken.tsx"],"sourcesContent":["import React from 'react'\n\nconst SbankenLogoSVG = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    width=\"117\"\n    height=\"43\"\n    viewBox=\"0 0 117 43\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <title>Sbanken logo</title>\n    <path\n      fill={props.fill}\n      d=\"M16.753 4.494c1.254 0 2.18-.956 2.18-2.18 0-1.226-.955-2.152-2.18-2.152-1.285 0-2.241.926-2.241 2.151 0 1.255.956 2.181 2.24 2.181ZM29.18 24.302c4.153 0 7.11-3.406 7.11-8.366 0-4.959-2.957-8.365-7.14-8.365-1.942 0-3.615.867-4.63 2.092h-.06V2.044h-2.39v21.81h2.3V22.3h.06c1.045 1.284 2.808 2.002 4.75 2.002Zm41.915-.449h2.39v-5.467l2.39-2.54h.06l5.109 8.007h2.838l-6.304-9.71 5.886-6.124h-3.346l-6.573 6.991h-.06V2.044h-2.39v21.81Zm-63.904.419c3.705 0 6.543-2.66 6.543-6.214 0-3.167-1.493-4.78-6.363-6.872-2.36-1.046-3.197-1.882-3.197-3.197 0-1.613 1.255-2.778 3.017-2.778 1.584 0 2.749 1.016 3.137 2.749l2.779-.688c-.657-2.897-2.988-4.78-5.916-4.78-3.346 0-5.885 2.39-5.885 5.497 0 2.69 1.374 4.213 5.348 6.006 3.167 1.344 4.212 2.36 4.212 4.063 0 2.031-1.583 3.495-3.675 3.495-2.18 0-3.585-1.255-4.063-3.615l-2.748.687c.777 3.585 3.226 5.647 6.811 5.647Zm36.718.03c1.971 0 3.674-.777 4.57-2.092h.06v1.643h2.24V12.74c0-3.197-2.18-5.169-5.735-5.169-3.316 0-5.796 1.972-6.364 5.08l2.42.477c.419-2.121 1.882-3.376 3.944-3.376 1.942 0 3.197.926 3.197 2.39 0 1.255-.956 1.912-4.004 2.66-3.973.985-5.527 2.33-5.527 5.018 0 2.749 2.002 4.482 5.199 4.482Zm10.605-.449h2.39v-9.918c0-2.45 1.673-4.123 4.153-4.123 2.42 0 3.914 1.553 3.914 4.123v9.918h2.39V13.606c0-3.675-2.36-6.035-6.035-6.035-1.673 0-3.466.747-4.422 1.853h-.06V8.019h-2.33v15.834Zm37.763.449c3.047 0 5.348-1.405 6.722-4.123l-1.972-1.195c-1.374 2.33-2.599 3.137-4.81 3.137-2.898 0-4.78-2.51-4.84-5.468h11.98V15.43c0-4.69-2.808-7.858-7.08-7.858-4.362 0-7.35 3.376-7.35 8.365 0 4.99 2.958 8.366 7.35 8.366Zm10.367-.449h2.39v-9.918c0-2.45 1.673-4.123 4.153-4.123 2.42 0 3.913 1.553 3.913 4.123v9.918h2.39V13.606c0-3.675-2.36-6.035-6.035-6.035-1.673 0-3.465.747-4.421 1.853h-.06V8.019h-2.33v15.834Zm-15.207-9.142c.03-2.599 2.121-4.959 4.84-4.959 2.778 0 4.571 2.181 4.66 4.96h-9.5Zm-58.436 7.35c-2.48 0-4.541-2.061-4.541-4.66v-2.958c0-2.57 2.061-4.631 4.69-4.631 2.808 0 4.75 2.42 4.75 6.124 0 3.705-1.942 6.125-4.9 6.125Zm15.087 0c-1.942 0-2.988-.837-2.988-2.39 0-1.345 1.046-2.091 3.794-2.808 2.092-.538 3.107-1.076 3.436-1.853h.06v3.466c0 2.091-1.793 3.585-4.302 3.585ZM24.595 40.127c-.817 0-1.482-.267-1.994-.802-.513-.539-.77-1.257-.77-2.156v-.19c0-.598.114-1.13.34-1.599.231-.472.55-.84.959-1.103a2.41 2.41 0 0 1 1.337-.401c.784 0 1.393.258 1.828.774.434.517.652 1.256.652 2.218v.429h-4.084c.014.594.187 1.075.518 1.443a1.65 1.65 0 0 0 1.27.546c.364 0 .672-.074.925-.223.252-.148.473-.345.663-.59l.63.49c-.506.776-1.263 1.164-2.274 1.164Zm-.128-5.404c-.416 0-.765.152-1.047.457-.283.3-.457.724-.524 1.27h3.02v-.078c-.03-.524-.171-.929-.424-1.215-.252-.29-.594-.434-1.025-.434ZM29.543 32.528v1.46h1.125v.796h-1.125v3.739c0 .241.05.423.15.546.1.119.272.178.513.178a2.5 2.5 0 0 0 .49-.067v.836a2.988 2.988 0 0 1-.79.111c-.461 0-.809-.139-1.043-.418-.234-.278-.35-.674-.35-1.186v-3.739h-1.098v-.797h1.097v-1.46h1.031ZM36.39 37.224l-.646.675v2.117h-1.03v-8.558h1.03v5.176l.552-.663 1.877-1.984h1.254l-2.346 2.519 2.62 3.51h-1.21l-2.1-2.791ZM40.218 36.946c0-.59.115-1.122.346-1.594.234-.471.557-.835.97-1.092.415-.256.889-.384 1.42-.384.82 0 1.484.284 1.99.852.508.569.762 1.325.762 2.268v.072c0 .587-.113 1.115-.34 1.583a2.539 2.539 0 0 1-.963 1.086c-.416.26-.896.39-1.438.39-.817 0-1.48-.284-1.989-.852-.505-.568-.758-1.32-.758-2.257v-.072Zm1.037.123c0 .668.154 1.205.462 1.61.312.405.728.607 1.248.607.524 0 .94-.204 1.248-.613.309-.412.463-.988.463-1.727 0-.661-.158-1.196-.474-1.605a1.487 1.487 0 0 0-1.248-.618c-.509 0-.92.202-1.231.607-.312.405-.468.985-.468 1.739ZM47.974 33.987l.034.758c.46-.58 1.062-.87 1.805-.87 1.274 0 1.916.72 1.927 2.157v3.984h-1.03v-3.99c-.004-.434-.104-.755-.301-.963-.193-.208-.496-.312-.908-.312-.335 0-.628.089-.88.267-.253.178-.45.412-.591.702v4.296h-1.031v-6.029h.975ZM56.805 38.417a.75.75 0 0 0-.318-.647c-.208-.156-.573-.29-1.097-.4-.52-.112-.934-.246-1.243-.402-.304-.156-.53-.342-.68-.557a1.345 1.345 0 0 1-.217-.769c0-.494.208-.912.624-1.254.42-.341.955-.512 1.605-.512.684 0 1.237.176 1.66.53.428.352.641.803.641 1.353h-1.036c0-.282-.12-.525-.362-.73-.238-.204-.539-.306-.903-.306-.375 0-.669.081-.88.245a.772.772 0 0 0-.318.64c0 .25.099.437.296.564.196.126.551.247 1.064.362.516.115.934.252 1.253.412.32.16.556.353.708.58.156.222.234.495.234.818 0 .539-.216.972-.646 1.299-.431.323-.99.484-1.677.484-.483 0-.91-.085-1.282-.256a2.112 2.112 0 0 1-.875-.713 1.75 1.75 0 0 1-.312-.998h1.031c.019.346.156.62.412.825.26.2.602.301 1.026.301.39 0 .702-.078.936-.234.237-.16.356-.371.356-.635ZM61.68 40.127c-.817 0-1.482-.267-1.994-.802-.513-.539-.77-1.257-.77-2.156v-.19c0-.598.114-1.13.34-1.599.23-.472.55-.84.959-1.103a2.41 2.41 0 0 1 1.337-.401c.784 0 1.393.258 1.828.774.434.517.652 1.256.652 2.218v.429h-4.084c.014.594.187 1.075.518 1.443a1.65 1.65 0 0 0 1.27.546c.364 0 .672-.074.925-.223.252-.148.474-.345.663-.59l.63.49c-.506.776-1.263 1.164-2.274 1.164Zm-.128-5.404c-.416 0-.765.152-1.047.457-.283.3-.457.724-.524 1.27h3.02v-.078c-.03-.524-.171-.929-.424-1.215-.252-.29-.594-.434-1.025-.434ZM70.322 37.069c0 .917-.21 1.656-.63 2.217-.42.56-.988.841-1.704.841-.732 0-1.308-.232-1.728-.696v2.903h-1.03v-8.347h.941l.05.669c.42-.52 1.003-.78 1.75-.78.724 0 1.296.273 1.716.819.423.546.635 1.306.635 2.279v.095Zm-1.03-.117c0-.68-.146-1.217-.435-1.61-.29-.395-.688-.591-1.193-.591-.624 0-1.092.276-1.404.83v2.88c.308.55.78.825 1.415.825.495 0 .886-.195 1.176-.585.293-.394.44-.977.44-1.75ZM73.035 32.528v1.46h1.126v.796h-1.126v3.739c0 .241.05.423.15.546.101.119.272.178.513.178a2.5 2.5 0 0 0 .49-.067v.836a2.988 2.988 0 0 1-.79.111c-.461 0-.808-.139-1.042-.418-.234-.278-.351-.674-.351-1.186v-3.739h-1.098v-.797h1.098v-1.46h1.03ZM78.707 40.016v-5.232h-.952v-.797h.952v-.618c0-.646.173-1.146.519-1.499.345-.353.833-.53 1.465-.53.238 0 .473.032.707.096l-.055.835a2.962 2.962 0 0 0-.557-.05c-.335 0-.593.099-.775.295-.182.194-.273.472-.273.836v.635h1.287v.797h-1.287v5.232h-1.03ZM85.081 34.912a3.089 3.089 0 0 0-.507-.039c-.676 0-1.135.288-1.376.864v4.279h-1.03v-6.029h1.002l.017.697c.338-.539.817-.808 1.438-.808.2 0 .352.026.456.078v.958ZM89.533 40.016c-.06-.119-.108-.33-.145-.635-.479.498-1.051.746-1.716.746-.594 0-1.083-.167-1.465-.501a1.643 1.643 0 0 1-.569-1.282c0-.627.238-1.114.714-1.46.479-.349 1.151-.523 2.017-.523h1.002v-.474c0-.36-.107-.646-.323-.858-.215-.215-.533-.323-.952-.323-.368 0-.676.093-.925.279-.25.185-.374.41-.374.674h-1.036c0-.301.106-.59.318-.87a2.2 2.2 0 0 1 .869-.668c.368-.163.77-.245 1.209-.245.695 0 1.239.175 1.632.524.394.345.598.822.613 1.432v2.774c0 .554.07.994.212 1.32v.09h-1.08Zm-1.71-.786c.323 0 .63-.083.919-.25.29-.168.5-.385.63-.652V37.09h-.808c-1.263 0-1.895.37-1.895 1.108 0 .324.108.576.323.758.216.182.493.273.83.273ZM95.01 40.016v-8.112h2.29c.706 0 1.33.156 1.872.468.542.312.96.755 1.254 1.331.297.576.447 1.237.451 1.984v.518c0 .765-.149 1.436-.446 2.011a3.091 3.091 0 0 1-1.264 1.326c-.546.309-1.184.466-1.912.474H95.01Zm1.07-7.232v6.357h1.125c.825 0 1.466-.256 1.922-.769.461-.512.691-1.242.691-2.19v-.473c0-.921-.217-1.636-.651-2.145-.431-.513-1.044-.773-1.84-.78H96.08ZM108.733 40.016h-1.075l-4.084-6.252v6.252h-1.076v-8.112h1.076l4.095 6.279v-6.28h1.064v8.113ZM110.633 40.016v-8.112h2.652c.88 0 1.542.182 1.984.546.445.364.668.902.668 1.615 0 .38-.108.715-.323 1.009-.215.29-.509.514-.88.674.438.123.783.357 1.036.702.256.342.384.75.384 1.226 0 .728-.235 1.3-.707 1.716-.472.416-1.139.624-2 .624h-2.814Zm1.07-3.794v2.92h1.766c.498 0 .89-.129 1.176-.385.289-.26.434-.617.434-1.07 0-.977-.531-1.465-1.593-1.465h-1.783Zm0-.858h1.616c.468 0 .841-.117 1.119-.351.283-.234.424-.552.424-.953 0-.446-.13-.77-.39-.97-.26-.204-.656-.306-1.187-.306h-1.582v2.58Z\"\n    />\n  </svg>\n)\n\nexport default SbankenLogoSVG\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,IAAAC,MAAA;AAAA,SAAAF,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAEzB,MAAMQ,cAAc,GAAIC,KAAoC,IAC1DtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,QAAAhB,QAAA;EACEiB,KAAK,EAAC,KAAK;EACXC,MAAM,EAAC,IAAI;EACXC,OAAO,EAAC,YAAY;EACpBC,IAAI,EAAC,MAAM;EACXC,KAAK,EAAC;AAA4B,GAC9BN,KAAK,GAAAnB,MAAA,KAAAA,MAAA,GAETH,MAAA,CAAAM,OAAA,CAAAiB,aAAA,gBAAO,cAAmB,CAAC,GAC3BvB,MAAA,CAAAM,OAAA,CAAAiB,aAAA;EACEI,IAAI,EAAEL,KAAK,CAACK,IAAK;EACjBE,CAAC,EAAC;AAAg7O,CACn7O,CACE,CACN;AAAA,IAAAC,QAAA,GAEcT,cAAc;AAAAU,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}

package/cjs/extensions/payment-card/icons/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TypeLogo = exports.StatusIcon = exports.ProductLogo = exports.BankLogo = exports.BankAxeptLogo = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _BankAxept6 = _interopRequireDefault(require("./BankAxept"));
+var _BankAxept7 = _interopRequireDefault(require("./BankAxept"));
 var _DNB = _interopRequireDefault(require("./DNB"));
 var _icons = require("../../../icons");
 var _MastercardDefault2 = _interopRequireDefault(require("./MastercardDefault"));
@@ -19,7 +19,9 @@ var _SagaGold2 = _interopRequireDefault(require("./SagaGold"));
 var _SagaPlatinum2 = _interopRequireDefault(require("./SagaPlatinum"));
 var _VisaDefault = _interopRequireDefault(require("./VisaDefault"));
 var _VisaPlatinum2 = _interopRequireDefault(require("./VisaPlatinum"));
-var _Expired, _CardIn, _Blocked, _Hourglass, _CardIn2, _CardIn3, _QuestionMark;
+var _Sbanken = _interopRequireDefault(require("./Sbanken"));
+var _Credit2 = _interopRequireDefault(require("./Credit"));
+var _Credit, _Expired, _CardIn, _Blocked, _Hourglass, _CardIn2, _CardIn3, _QuestionMark;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const BankLogo = _ref => {
   let {
@@ -31,6 +33,11 @@ const BankLogo = _ref => {
       height: height,
       fill: color,
       className: "dnb-payment-card__card__bank-logo"
+    }),
+    Sbanken: color => _react.default.createElement(_Sbanken.default, {
+      height: height,
+      fill: color,
+      className: "dnb-payment-card__card__bank-logo"
     })
   });
 };
@@ -75,7 +82,7 @@ const ProductLogo = _ref2 => {
 };
 exports.ProductLogo = ProductLogo;
 const BankAxeptLogo = _ref3 => {
-  var _BankAxept, _BankAxept2, _BankAxept3, _BankAxept4, _BankAxept5;
+  var _BankAxept, _BankAxept2, _BankAxept3, _BankAxept4, _BankAxept5, _BankAxept6;
   let {
     bankAxept,
     cardDesign
@@ -83,27 +90,35 @@ const BankAxeptLogo = _ref3 => {
   const id = 'dnb-payment-card__card__bank-axept';
   return bankAxept.cata({
     BankAxept: () => cardDesign.bankAxept.cata({
-      White: () => _BankAxept || (_BankAxept = _react.default.createElement(_BankAxept6.default, {
+      White: () => _BankAxept || (_BankAxept = _react.default.createElement(_BankAxept7.default, {
         className: id,
         fill: "#ffffff"
       })),
-      Black20: () => _BankAxept2 || (_BankAxept2 = _react.default.createElement(_BankAxept6.default, {
+      Black20: () => _BankAxept2 || (_BankAxept2 = _react.default.createElement(_BankAxept7.default, {
         className: id,
         fill: "#cccccc"
       })),
-      Gray: () => _BankAxept3 || (_BankAxept3 = _react.default.createElement(_BankAxept6.default, {
+      Gray: () => _BankAxept3 || (_BankAxept3 = _react.default.createElement(_BankAxept7.default, {
         className: id,
         fill: "#b2b4b3"
       })),
-      Black: () => _BankAxept4 || (_BankAxept4 = _react.default.createElement(_BankAxept6.default, {
+      GrayDark: () => _BankAxept4 || (_BankAxept4 = _react.default.createElement(_BankAxept7.default, {
+        className: id,
+        fill: "#55565A"
+      })),
+      Black: () => _BankAxept5 || (_BankAxept5 = _react.default.createElement(_BankAxept7.default, {
         className: id,
         fill: "#333333"
       })),
-      Gold: () => _BankAxept5 || (_BankAxept5 = _react.default.createElement(_BankAxept6.default, {
+      Gold: () => _BankAxept6 || (_BankAxept6 = _react.default.createElement(_BankAxept7.default, {
         className: id,
         fill: "#BFA970"
       }))
     }),
+    Credit: () => _Credit || (_Credit = _react.default.createElement(_Credit2.default, {
+      className: 'dnb-payment-card__card__credit',
+      fill: "#fff"
+    })),
     None: () => null
   });
 };

package/cjs/extensions/payment-card/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_BankAxept6","_DNB","_icons","_MastercardDefault2","_MastercardDark2","_Pluss2","_Intro2","_Business2","_Bedrift2","_PB2","_SagaGold2","_SagaPlatinum2","_VisaDefault","_VisaPlatinum2","_Expired","_CardIn","_Blocked","_Hourglass","_CardIn2","_CardIn3","_QuestionMark","obj","__esModule","default","BankLogo","_ref","logoType","height","cata","Colored","color","createElement","fill","className","exports","ProductLogo","_ref2","_SagaGold","_SagaPlatinum","_Pluss","_Intro","_Business","_Bedrift","_PB","productType","cardDesign","id","Saga","saga","Gold","Platinum","None","Pluss","Intro","Business","Bedrift","PrivateBanking","privateBanking","Default","BankAxeptLogo","_ref3","_BankAxept","_BankAxept2","_BankAxept3","_BankAxept4","_BankAxept5","bankAxept","BankAxept","White","Black20","Gray","Black","StatusIcon","_ref4","status","clock_medium","card_in_medium","padlock_medium","hourglass","question_medium","TypeLogo","_ref5","_VisaPlatinum","_MastercardDefault","_MastercardDark","cardType","Visa","visa","Mastercard","mastercard","Dark"],"sources":["../../../../../src/extensions/payment-card/icons/index.js"],"sourcesContent":["import React from 'react'\n\nimport BankAxept from './BankAxept'\nimport DNB from './DNB'\nimport {\n  clock_medium as Expired,\n  padlock_medium as Blocked,\n  card_in_medium as CardIn,\n  hourglass as Hourglass,\n  question_medium as QuestionMark,\n} from '../../../icons'\nimport MastercardDefault from './MastercardDefault'\nimport MastercardDark from './MastercardDark'\nimport Pluss from './Pluss'\nimport Intro from './Intro'\nimport Business from './Business'\nimport Bedrift from './Bedrift'\nimport PB from './PB'\nimport SagaGold from './SagaGold'\nimport SagaPlatinum from './SagaPlatinum'\nimport VisaDefault from './VisaDefault'\nimport VisaPlatinum from './VisaPlatinum'\nconst BankLogo = ({ logoType, height }) =>\n  logoType.cata({\n    Colored: (color) => (\n      <DNB\n        height={height}\n        fill={color}\n        className=\"dnb-payment-card__card__bank-logo\"\n      />\n    ),\n  })\n\nconst ProductLogo = ({ productType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__product-type'\n  return productType.cata({\n    Saga: () =>\n      cardDesign.saga.cata({\n        Gold: () => <SagaGold className={id} />,\n        Platinum: () => <SagaPlatinum className={id} />,\n        None: () => null,\n      }),\n    Pluss: () => <Pluss className={id} />,\n    Intro: () => <Intro className={id} />,\n    Business: () => <Business className={id} />,\n    Bedrift: () => <Bedrift className={id} />,\n    PrivateBanking: () =>\n      cardDesign.privateBanking.cata({\n        Default: () => <PB className={id} />,\n        None: () => null,\n      }),\n    None: () => null,\n  })\n}\n\nconst BankAxeptLogo = ({ bankAxept, cardDesign }) => {\n  const id = 'dnb-payment-card__card__bank-axept'\n  return bankAxept.cata({\n    BankAxept: () =>\n      cardDesign.bankAxept.cata({\n        White: () => <BankAxept className={id} fill=\"#ffffff\" />,\n        Black20: () => <BankAxept className={id} fill=\"#cccccc\" />,\n        Gray: () => <BankAxept className={id} fill=\"#b2b4b3\" />,\n        Black: () => <BankAxept className={id} fill=\"#333333\" />,\n        Gold: () => <BankAxept className={id} fill=\"#BFA970\" />,\n      }),\n    None: () => null,\n  })\n}\n\nconst StatusIcon = ({ status }) => {\n  switch (status) {\n    case 'expired':\n      return <Expired />\n\n    case 'not_active':\n      return <CardIn />\n\n    case 'blocked':\n      return <Blocked />\n\n    case 'order_in_process':\n      return <Hourglass />\n\n    case 'renewed':\n      return <CardIn />\n\n    case 'replaced':\n      return <CardIn />\n\n    case 'unknown':\n      return <QuestionMark />\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nconst TypeLogo = ({ cardType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__credit-type'\n  return cardType.cata({\n    Visa: () =>\n      cardDesign.visa.cata({\n        Colored: (color) => <VisaDefault className={id} fill={color} />,\n        Platinum: () => <VisaPlatinum className={id} />,\n      }),\n    Mastercard: () =>\n      cardDesign.mastercard.cata({\n        Default: () => <MastercardDefault className={id} />,\n        Dark: () => <MastercardDark className={id} />,\n      }),\n    None: () => null,\n  })\n}\n\nexport { BankLogo, ProductLogo, StatusIcon, TypeLogo, BankAxeptLogo }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_BankAxept7","_DNB","_icons","_MastercardDefault2","_MastercardDark2","_Pluss2","_Intro2","_Business2","_Bedrift2","_PB2","_SagaGold2","_SagaPlatinum2","_VisaDefault","_VisaPlatinum2","_Sbanken","_Credit2","_Credit","_Expired","_CardIn","_Blocked","_Hourglass","_CardIn2","_CardIn3","_QuestionMark","obj","__esModule","default","BankLogo","_ref","logoType","height","cata","Colored","color","createElement","fill","className","Sbanken","exports","ProductLogo","_ref2","_SagaGold","_SagaPlatinum","_Pluss","_Intro","_Business","_Bedrift","_PB","productType","cardDesign","id","Saga","saga","Gold","Platinum","None","Pluss","Intro","Business","Bedrift","PrivateBanking","privateBanking","Default","BankAxeptLogo","_ref3","_BankAxept","_BankAxept2","_BankAxept3","_BankAxept4","_BankAxept5","_BankAxept6","bankAxept","BankAxept","White","Black20","Gray","GrayDark","Black","Credit","StatusIcon","_ref4","status","clock_medium","card_in_medium","padlock_medium","hourglass","question_medium","TypeLogo","_ref5","_VisaPlatinum","_MastercardDefault","_MastercardDark","cardType","Visa","visa","Mastercard","mastercard","Dark"],"sources":["../../../../../src/extensions/payment-card/icons/index.js"],"sourcesContent":["import React from 'react'\n\nimport BankAxept from './BankAxept'\nimport DNB from './DNB'\nimport {\n  clock_medium as Expired,\n  padlock_medium as Blocked,\n  card_in_medium as CardIn,\n  hourglass as Hourglass,\n  question_medium as QuestionMark,\n} from '../../../icons'\nimport MastercardDefault from './MastercardDefault'\nimport MastercardDark from './MastercardDark'\nimport Pluss from './Pluss'\nimport Intro from './Intro'\nimport Business from './Business'\nimport Bedrift from './Bedrift'\nimport PB from './PB'\nimport SagaGold from './SagaGold'\nimport SagaPlatinum from './SagaPlatinum'\nimport VisaDefault from './VisaDefault'\nimport VisaPlatinum from './VisaPlatinum'\nimport Sbanken from './Sbanken'\nimport Credit from './Credit'\nconst BankLogo = ({ logoType, height }) =>\n  logoType.cata({\n    Colored: (color) => (\n      <DNB\n        height={height}\n        fill={color}\n        className=\"dnb-payment-card__card__bank-logo\"\n      />\n    ),\n    Sbanken: (color) => (\n      <Sbanken\n        height={height}\n        fill={color}\n        className=\"dnb-payment-card__card__bank-logo\"\n      />\n    ),\n  })\n\nconst ProductLogo = ({ productType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__product-type'\n  return productType.cata({\n    Saga: () =>\n      cardDesign.saga.cata({\n        Gold: () => <SagaGold className={id} />,\n        Platinum: () => <SagaPlatinum className={id} />,\n        None: () => null,\n      }),\n    Pluss: () => <Pluss className={id} />,\n    Intro: () => <Intro className={id} />,\n    Business: () => <Business className={id} />,\n    Bedrift: () => <Bedrift className={id} />,\n    PrivateBanking: () =>\n      cardDesign.privateBanking.cata({\n        Default: () => <PB className={id} />,\n        None: () => null,\n      }),\n    None: () => null,\n  })\n}\n\nconst BankAxeptLogo = ({ bankAxept, cardDesign }) => {\n  const id = 'dnb-payment-card__card__bank-axept'\n  return bankAxept.cata({\n    BankAxept: () =>\n      cardDesign.bankAxept.cata({\n        White: () => <BankAxept className={id} fill=\"#ffffff\" />,\n        Black20: () => <BankAxept className={id} fill=\"#cccccc\" />,\n        Gray: () => <BankAxept className={id} fill=\"#b2b4b3\" />,\n        GrayDark: () => <BankAxept className={id} fill=\"#55565A\" />,\n        Black: () => <BankAxept className={id} fill=\"#333333\" />,\n        Gold: () => <BankAxept className={id} fill=\"#BFA970\" />,\n      }),\n    Credit: () => (\n      <Credit className={'dnb-payment-card__card__credit'} fill=\"#fff\" />\n    ),\n    None: () => null,\n  })\n}\n\nconst StatusIcon = ({ status }) => {\n  switch (status) {\n    case 'expired':\n      return <Expired />\n\n    case 'not_active':\n      return <CardIn />\n\n    case 'blocked':\n      return <Blocked />\n\n    case 'order_in_process':\n      return <Hourglass />\n\n    case 'renewed':\n      return <CardIn />\n\n    case 'replaced':\n      return <CardIn />\n\n    case 'unknown':\n      return <QuestionMark />\n\n    case 'active':\n    default:\n      return null\n  }\n}\n\nconst TypeLogo = ({ cardType, cardDesign }) => {\n  const id = 'dnb-payment-card__card__credit-type'\n  return cardType.cata({\n    Visa: () =>\n      cardDesign.visa.cata({\n        Colored: (color) => <VisaDefault className={id} fill={color} />,\n        Platinum: () => <VisaPlatinum className={id} />,\n      }),\n    Mastercard: () =>\n      cardDesign.mastercard.cata({\n        Default: () => <MastercardDefault className={id} />,\n        Dark: () => <MastercardDark className={id} />,\n      }),\n    None: () => null,\n  })\n}\n\nexport { BankLogo, ProductLogo, StatusIcon, TypeLogo, BankAxeptLogo }\n"],"mappings":"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"}

package/cjs/extensions/payment-card/style/dnb-payment-card.css

@@ -5,6 +5,102 @@
 /*
  * Utilities
  */
+/*
+ * CSS Properties Sbanken
+ *
+ */
+:root {
+  --sb-font-family-default: "Roboto", "Helvetica", "Arial", sans-serif;
+  --sb-font-family-headings: "MaisonNeueHeadings", "Roboto", "Helvetica",
+    "Arial", sans-serif;
+  --sb-font-weight-default: normal;
+  --sb-font-weight-basis: normal;
+  --sb-font-weight-regular: normal;
+  --sb-font-weight-medium: 500;
+  --sb-font-weight-bold: 700;
+  --sb-font-size-x-small: 0.75rem;
+  --sb-font-size-small: 0.875rem;
+  --sb-font-size-basis: 1rem;
+  --sb-font-size-basis--em: 1em;
+  --sb-font-size-lead: 1.25rem;
+  --sb-font-size-medium: 1.625rem;
+  --sb-font-size-large: 2rem;
+  --sb-font-size-x-large: 2.375rem;
+  --sb-font-size-xx-large: 3rem;
+  --sb-line-height-x-small: 1.125rem;
+  --sb-line-height-small: 1.25rem;
+  --sb-line-height-basis: 1.5rem;
+  --sb-line-height-basis--em: 1.5em;
+  --sb-line-height-lead: 1.75rem;
+  --sb-line-height-medium: 2rem;
+  --sb-line-height-large: 2.375rem;
+  --sb-line-height-x-large: 2.75rem;
+  --sb-line-height-xx-large: 3.375rem;
+  --sb-color-black: #000;
+  --sb-color-text: #18172a;
+  --sb-color-gray-dark-3: #3a3a4a;
+  --sb-color-gray-dark-3-neutral: #3e3e4a;
+  --sb-color-gray-dark-2: #4a4a5b;
+  --sb-color-gray-dark-2-neutral: #656472;
+  --sb-color-gray-dark: #666578;
+  --sb-color-gray-dark-neutral: #9494a3;
+  --sb-color-gray: #bbbbce;
+  --sb-color-gray-neutral: #bdbdc6;
+  --sb-color-gray-light: #d9d9e4;
+  --sb-color-gray-light-2: #ebebf2;
+  --sb-color-gray-light-3: #f9f9fd;
+  --sb-color-purple: #1c1b4e;
+  --sb-color-purple-alternative: #222163;
+  --sb-color-green: #92eecd;
+  --sb-color-white: #fff;
+  --sb-color-red: #d8134b;
+  --sb-color-magenta: #ff3c64;
+  --sb-color-orange: #ff5b44;
+  --sb-color-yellow-dark: #f7bf16;
+  --sb-color-yellow: #ffef57;
+  --sb-color-green-dark-3: #00785b;
+  --sb-color-green-dark-2: #1e9f73;
+  --sb-color-violet: #4e08bc;
+  --sb-color-violet-light: #7129e2;
+  --sb-color-blue-dark-2: #044ccc;
+  --sb-color-blue-dark: #005cff;
+  --sb-color-blue: #008eff;
+  --sb-color-orange-light: #ff817b;
+  --sb-color-orange-light-2: #ffd7d5;
+  --sb-color-orange-light-3: #fff0ef;
+  --sb-color-magenta-light: #ffb6d2;
+  --sb-color-magenta-light-2: #ffdbe9;
+  --sb-color-magenta-light-3: #fff5f9;
+  --sb-color-yellow-light: #fff489;
+  --sb-color-yellow-light-2: #fff9c4;
+  --sb-color-yellow-light-3: #fffce5;
+  --sb-color-green-dark: #64d7b4;
+  --sb-color-green-light: #c8f6e5;
+  --sb-color-green-light-2: #e5fff7;
+  --sb-color-violet-light-2: #be99ff;
+  --sb-color-violet-light-3: #e0d0ff;
+  --sb-color-violet-light-4: #f1ebff;
+  --sb-color-blue-light: #61b9ff;
+  --sb-color-blue-light-2: #bfe3ff;
+  --sb-color-blue-light-3: #ebf6ff;
+  --sb-spacing-x-small: 0.5rem;
+  --sb-spacing-small: 1rem;
+  --sb-spacing-medium: 1.5rem;
+  --sb-spacing-large: 2rem;
+  --sb-spacing-x-large: 3rem;
+  --sb-spacing-xx-large: 3.5rem;
+  --sb-layout-small: 40em;
+  --sb-layout-medium: 60em;
+  --sb-layout-large: 72em;
+  --sb-layout-x-large: 80em;
+  --sb-layout-xx-large: 90em;
+  --sb-shadow-small: 0 2px 4px rgba(38 35 66 / 12%);
+  --sb-shadow-medium: 0 5px 20px rgba(38 35 66 / 10%);
+  --sb-shadow-large: 0 5px 20px rgba(38 35 66 / 20%);
+  --sb-shadow-hover: 0 20px 40px rgba(38 35 66 / 20%);
+  --sb-easing-default: cubic-bezier(0.42, 0, 0, 1);
+}
+
 .dnb-payment-card {
   --color-dark-cyan: #003b47;
   --dnb-payment-bg-default: linear-gradient(
@@ -59,7 +155,7 @@
   padding: 16px;
   border-radius: 12px;
   border: 1px solid;
-  border-color: rgba(255, 255, 255, 0.1) transparent rgba(0, 0, 0, 0.2) transparent;
+  border-color: rgba(255, 255, 255, 0.1) transparent rgba(255, 255, 255, 0.1) transparent;
   color: var(--color-white);
   box-shadow: var(--shadow-default);
   transition: all 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
@@ -105,6 +201,14 @@
   background: var(--dnb-payment-bg-business-with-visa);
   color: var(--color-white);
 }
+.dnb-payment-card__card--design-sbanken-mastercard {
+  background: var(--sb-color-purple);
+  color: var(--color-white);
+}
+.dnb-payment-card__card--design-sbanken-visa {
+  background: var(--color-white);
+  color: var(--sb-color-text);
+}
 .dnb-payment-card__card::after {
   content: "";
   position: absolute;
@@ -115,6 +219,9 @@
   background: radial-gradient(52.39% 52.39% at 50% 50%, rgba(247, 246, 230, 0.1215686275) 0%, rgba(6, 6, 6, 0) 100%);
   border-radius: inherit;
 }
+.dnb-payment-card__card--design-sbanken-mastercard::after {
+  background: none;
+}
 .dnb-payment-card__card__content {
   display: flex;
   height: 100%;
@@ -163,6 +270,11 @@
   top: 0;
   right: 0;
 }
+.dnb-payment-card__card__credit {
+  position: absolute;
+  top: 6px;
+  right: 0;
+}
 .dnb-payment-card__blocking__overlay {
   position: absolute;
   left: 0;

package/cjs/extensions/payment-card/style/dnb-payment-card.min.css

@@ -1 +1 @@
-.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent rgba(0,0,0,.2);border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}
+:root{--sb-font-family-default:"Roboto","Helvetica","Arial",sans-serif;--sb-font-family-headings:"MaisonNeueHeadings","Roboto","Helvetica","Arial",sans-serif;--sb-font-weight-default:normal;--sb-font-weight-basis:normal;--sb-font-weight-regular:normal;--sb-font-weight-medium:500;--sb-font-weight-bold:700;--sb-font-size-x-small:0.75rem;--sb-font-size-small:0.875rem;--sb-font-size-basis:1rem;--sb-font-size-basis--em:1em;--sb-font-size-lead:1.25rem;--sb-font-size-medium:1.625rem;--sb-font-size-large:2rem;--sb-font-size-x-large:2.375rem;--sb-font-size-xx-large:3rem;--sb-line-height-x-small:1.125rem;--sb-line-height-small:1.25rem;--sb-line-height-basis:1.5rem;--sb-line-height-basis--em:1.5em;--sb-line-height-lead:1.75rem;--sb-line-height-medium:2rem;--sb-line-height-large:2.375rem;--sb-line-height-x-large:2.75rem;--sb-line-height-xx-large:3.375rem;--sb-color-black:#000;--sb-color-text:#18172a;--sb-color-gray-dark-3:#3a3a4a;--sb-color-gray-dark-3-neutral:#3e3e4a;--sb-color-gray-dark-2:#4a4a5b;--sb-color-gray-dark-2-neutral:#656472;--sb-color-gray-dark:#666578;--sb-color-gray-dark-neutral:#9494a3;--sb-color-gray:#bbbbce;--sb-color-gray-neutral:#bdbdc6;--sb-color-gray-light:#d9d9e4;--sb-color-gray-light-2:#ebebf2;--sb-color-gray-light-3:#f9f9fd;--sb-color-purple:#1c1b4e;--sb-color-purple-alternative:#222163;--sb-color-green:#92eecd;--sb-color-white:#fff;--sb-color-red:#d8134b;--sb-color-magenta:#ff3c64;--sb-color-orange:#ff5b44;--sb-color-yellow-dark:#f7bf16;--sb-color-yellow:#ffef57;--sb-color-green-dark-3:#00785b;--sb-color-green-dark-2:#1e9f73;--sb-color-violet:#4e08bc;--sb-color-violet-light:#7129e2;--sb-color-blue-dark-2:#044ccc;--sb-color-blue-dark:#005cff;--sb-color-blue:#008eff;--sb-color-orange-light:#ff817b;--sb-color-orange-light-2:#ffd7d5;--sb-color-orange-light-3:#fff0ef;--sb-color-magenta-light:#ffb6d2;--sb-color-magenta-light-2:#ffdbe9;--sb-color-magenta-light-3:#fff5f9;--sb-color-yellow-light:#fff489;--sb-color-yellow-light-2:#fff9c4;--sb-color-yellow-light-3:#fffce5;--sb-color-green-dark:#64d7b4;--sb-color-green-light:#c8f6e5;--sb-color-green-light-2:#e5fff7;--sb-color-violet-light-2:#be99ff;--sb-color-violet-light-3:#e0d0ff;--sb-color-violet-light-4:#f1ebff;--sb-color-blue-light:#61b9ff;--sb-color-blue-light-2:#bfe3ff;--sb-color-blue-light-3:#ebf6ff;--sb-spacing-x-small:0.5rem;--sb-spacing-small:1rem;--sb-spacing-medium:1.5rem;--sb-spacing-large:2rem;--sb-spacing-x-large:3rem;--sb-spacing-xx-large:3.5rem;--sb-layout-small:40em;--sb-layout-medium:60em;--sb-layout-large:72em;--sb-layout-x-large:80em;--sb-layout-xx-large:90em;--sb-shadow-small:0 2px 4px rgba(38,35,66,.12);--sb-shadow-medium:0 5px 20px rgba(38,35,66,.1);--sb-shadow-large:0 5px 20px rgba(38,35,66,.2);--sb-shadow-hover:0 20px 40px rgba(38,35,66,.2);--sb-easing-default:cubic-bezier(0.42,0,0,1)}.dnb-payment-card{--color-dark-cyan:#003b47;--dnb-payment-bg-default:linear-gradient(187.2deg,#008484 6.31%,var(--color-sea-green) 82.66%);--dnb-payment-bg-pluss:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-white:linear-gradient(184.55deg,var(--color-black-background) 4.63%,var(--color-white) 92.04%);--dnb-payment-bg-gold:linear-gradient(184.55deg,#bfa970 4.63%,#d3bd83 84.57%);--dnb-payment-bg-saga:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-private:linear-gradient(187.2deg,#1c1c1c 6.31%,#000 82.66%);--dnb-payment-bg-business-no-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);--dnb-payment-bg-business-with-visa:linear-gradient(187.2deg,var(--color-dark-cyan) 6.31%,var(--color-ocean-green) 82.66%),var(--color-emerald-green);margin:0}.dnb-payment-card__card{border-color:currentcolor;border-color:hsla(0,0%,100%,.1) transparent;border-radius:12px;border-style:solid;border-width:1px;box-shadow:var(--shadow-default);color:var(--color-white);height:216px;padding:16px;position:relative;transition:all 225ms cubic-bezier(0,0,.2,1) 0ms;width:343px}.dnb-payment-card__card--design-default{background:var(--dnb-payment-bg-default);color:var(--color-white)}.dnb-payment-card__card--design-pluss{background:var(--dnb-payment-bg-pluss);color:var(--color-white)}.dnb-payment-card__card--design-my-first,.dnb-payment-card__card--design-ung,.dnb-payment-card__card--design-youth{color:var(--color-black-80)}.dnb-payment-card__card--design-gold{background:var(--dnb-payment-bg-gold);color:var(--color-white)}.dnb-payment-card__card--design-saga{background:var(--dnb-payment-bg-saga);color:var(--color-white)}.dnb-payment-card__card--design-private{background:var(--dnb-payment-bg-private);color:var(--color-white)}.dnb-payment-card__card--design-black{background:var(--color-black);color:var(--color-white)}.dnb-payment-card__card--design-business-no-visa{background:var(--dnb-payment-bg-business-no-visa);color:var(--color-white)}.dnb-payment-card__card--design-business-with-visa{background:var(--dnb-payment-bg-business-with-visa);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-mastercard{background:var(--sb-color-purple);color:var(--color-white)}.dnb-payment-card__card--design-sbanken-visa{background:var(--color-white);color:var(--sb-color-text)}.dnb-payment-card__card:after{background:radial-gradient(52.39% 52.39% at 50% 50%,hsla(56,52%,94%,.122) 0,rgba(6,6,6,0) 100%);border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.dnb-payment-card__card--design-sbanken-mastercard:after{background:none}.dnb-payment-card__card__content{display:flex;height:100%;position:relative;width:100%}.dnb-payment-card__card__wrapper{bottom:0;left:0;position:absolute}.dnb-spacing .dnb-payment-card__card .dnb-p{margin-bottom:0!important}.dnb-payment-card__card__holder{font-weight:var(--font-weight-medium);text-align:left;text-transform:uppercase}.dnb-payment-card__card__holder.dnb-p{font-size:.625rem}.dnb-payment-card__card__numbers{font-size:1.5rem!important;font-weight:var(--font-weight-medium)}.dnb-payment-card__card__credit-type{bottom:0;position:absolute;right:0}.dnb-payment-card__card__bank-logo{left:0;position:absolute;top:0}.dnb-payment-card__card__product-type{height:38px;left:70px;position:absolute;top:0}.dnb-payment-card__card__bank-axept{height:45px;position:absolute;right:0;top:0}.dnb-payment-card__card__credit{position:absolute;right:0;top:6px}.dnb-payment-card__blocking__overlay{align-items:center;background:linear-gradient(184.55deg,hsla(0,0%,80%,.5) 4.63%,hsla(0,0%,91%,.5) 84.83%);border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.dnb-payment-card__blocking__overlay svg path{stroke:currentcolor}.dnb-payment-card__blocking__center{align-items:center;background:var(--color-black-80);border-radius:4px;color:var(--color-sand-yellow);display:flex;flex-direction:column;justify-content:center;padding:1rem}.dnb-payment-card__blocking svg{shape-rendering:geometricprecision}.dnb-payment-card.dnb-skeleton .dnb-payment-card__card__holder{opacity:1}.dnb-payment-card--compact .dnb-payment-card__card{border-radius:12px 12px 0 0;box-shadow:var(--shadow-default);height:32.8mm;padding:0}.dnb-payment-card--compact .dnb-payment-card__card__top{left:6mm;position:absolute;right:6mm;top:4mm}.dnb-payment-card--compact .dnb-payment-card__card__bottom{background-color:var(--color-white);bottom:0;height:14mm;left:0;position:absolute;right:0}.dnb-payment-card--compact .dnb-payment-card__card__wrapper{color:var(--color-black-80);padding:6px 22px}.dnb-payment-card--compact .dnb-payment-card__card__numbers{font-size:var(--font-size-basis)}.dnb-payment-card--compact .dnb-payment-card__card__credit-type{bottom:auto;right:4px;top:10px}.dnb-payment-card--compact .dnb-payment-card__blocking__center{align-items:center;background:rgba(0,0,0,.739);border-radius:inherit;display:flex;flex-direction:row;gap:var(--spacing-x-small);height:100%;justify-content:center;width:100%}

package/cjs/extensions/payment-card/style/dnb-payment-card.scss

@@ -4,6 +4,7 @@
  */
 
 @import '../../../style/core/utilities.scss';
+@import '../../../style/themes/theme-sbanken/properties.scss';
 
 .dnb-payment-card {
   --color-dark-cyan: #003b47;
@@ -62,7 +63,7 @@
     border-radius: 12px;
 
     border: 1px solid;
-    border-color: rgb(255 255 255 / 10%) transparent rgb(0 0 0 / 20%)
+    border-color: rgb(255 255 255 / 10%) transparent rgb(255 255 255 / 10%)
       transparent;
 
     color: var(--color-white);
@@ -122,9 +123,18 @@
       color: var(--color-white);
     }
 
+    &--design-sbanken-mastercard {
+      background: var(--sb-color-purple);
+      color: var(--color-white);
+    }
+
+    &--design-sbanken-visa {
+      background: var(--color-white);
+      color: var(--sb-color-text);
+    }
+
     &::after {
       content: '';
-
       position: absolute;
       top: 0;
       left: 0;
@@ -139,6 +149,10 @@
       border-radius: inherit;
     }
 
+    &--design-sbanken-mastercard::after {
+      background: none;
+    }
+
     &__content {
       display: flex;
       height: 100%;
@@ -198,6 +212,12 @@
       top: 0;
       right: 0;
     }
+
+    &__credit {
+      position: absolute;
+      top: 6px;
+      right: 0;
+    }
   }
 
   &__blocking {

package/cjs/extensions/payment-card/utils/CardDesigns.d.ts

@@ -12,6 +12,8 @@ declare namespace Designs {
     export { mcBlack };
     export { businessNoVisa };
     export { businessWithVisa };
+    export { sbankenVisa };
+    export { sbankenMastercard };
 }
 export namespace defaultDesign {
     let name: string;
@@ -224,6 +226,42 @@ export namespace businessWithVisa {
     let privateBanking_11: any;
     export { privateBanking_11 as privateBanking };
 }
+export namespace sbankenVisa {
+    let name_12: string;
+    export { name_12 as name };
+    let cardStyle_12: string;
+    export { cardStyle_12 as cardStyle };
+    let bankLogo_12: any;
+    export { bankLogo_12 as bankLogo };
+    let visa_12: any;
+    export { visa_12 as visa };
+    let mastercard_12: any;
+    export { mastercard_12 as mastercard };
+    let bankAxept_12: any;
+    export { bankAxept_12 as bankAxept };
+    let saga_12: any;
+    export { saga_12 as saga };
+    let privateBanking_12: any;
+    export { privateBanking_12 as privateBanking };
+}
+export namespace sbankenMastercard {
+    let name_13: string;
+    export { name_13 as name };
+    let cardStyle_13: string;
+    export { cardStyle_13 as cardStyle };
+    let bankLogo_13: any;
+    export { bankLogo_13 as bankLogo };
+    let visa_13: any;
+    export { visa_13 as visa };
+    let mastercard_13: any;
+    export { mastercard_13 as mastercard };
+    let bankAxept_13: any;
+    export { bankAxept_13 as bankAxept };
+    let saga_13: any;
+    export { saga_13 as saga };
+    let privateBanking_13: any;
+    export { privateBanking_13 as privateBanking };
+}
 import { ungImg } from './backgrounds';
 import { myFirstImg } from './backgrounds';
 import { youthImg } from './backgrounds';

package/cjs/extensions/payment-card/utils/CardDesigns.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.youth = exports.young = exports.sagaPlatinum = exports.saga = exports.privateBanking = exports.pluss = exports.myFirst = exports.mcBlack = exports.gold = exports.defaultDesign = exports.default = exports.businessWithVisa = exports.businessNoVisa = void 0;
+exports.youth = exports.young = exports.sbankenVisa = exports.sbankenMastercard = exports.sagaPlatinum = exports.saga = exports.privateBanking = exports.pluss = exports.myFirst = exports.mcBlack = exports.gold = exports.defaultDesign = exports.default = exports.businessWithVisa = exports.businessNoVisa = void 0;
 var _properties = _interopRequireDefault(require("../../../style/themes/theme-ui/properties"));
 var _Types = require("./Types");
 var _backgrounds = require("./backgrounds");
@@ -143,6 +143,28 @@ const businessWithVisa = {
   privateBanking: _Types.PB.None
 };
 exports.businessWithVisa = businessWithVisa;
+const sbankenVisa = {
+  name: 'Sbanken',
+  cardStyle: 'card--design-sbanken-visa',
+  bankLogo: _Types.DNB.Sbanken(_properties.default['--sb-color-text']),
+  visa: _Types.Visa.Colored('#0F357F'),
+  mastercard: _Types.Mastercard.Default,
+  bankAxept: _Types.BankAxept.GrayDark,
+  saga: _Types.Saga.None,
+  privateBanking: _Types.PB.None
+};
+exports.sbankenVisa = sbankenVisa;
+const sbankenMastercard = {
+  name: 'Sbanken Mastercard',
+  cardStyle: 'card--design-sbanken-mastercard',
+  bankLogo: _Types.DNB.Sbanken(_properties.default['--color-white']),
+  visa: _Types.Visa.Colored(_properties.default['--color-white']),
+  mastercard: _Types.Mastercard.Default,
+  bankAxept: _Types.BankAxept.Gray,
+  saga: _Types.Saga.None,
+  privateBanking: _Types.PB.None
+};
+exports.sbankenMastercard = sbankenMastercard;
 const Designs = {
   defaultDesign,
   young,
@@ -155,7 +177,9 @@ const Designs = {
   privateBanking,
   mcBlack,
   businessNoVisa,
-  businessWithVisa
+  businessWithVisa,
+  sbankenVisa,
+  sbankenMastercard
 };
 var _default = Designs;
 exports.default = _default;