@arkitektbedriftene/fe-lib 5.6.4 → 5.6.6

package/dist/oidc.es.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import { createContext as x, useContext as E, useMemo as v, useEffect as h, useState as k, useRef as U, useCallback as l } from "react";
+import { createContext as x, useContext as E, useMemo as v, useEffect as h, useState as k, useRef as U, useCallback as d } from "react";
 export * from "oidc-client-ts";
 import L from "use-local-storage-state";
 import { jwtDecode as P } from "jwt-decode";
@@ -44,14 +44,14 @@ function V(t) {
       o,
       u,
       i,
-      d
+      l
     ] = s.split("|"), m = i.split(",");
     return {
       CustomerExternalId: n,
       CustomerFirmId: o,
       CustomerFirmName: u,
       CustomerUserRoles: m,
-      CustomerUserIsAdmin: d === "True"
+      CustomerUserIsAdmin: l === "True" || l === "1"
     };
   });
 }
@@ -128,7 +128,7 @@ const J = [
       t.events.removeUserLoaded(r), t.events.removeUserUnloaded(a), t.events.removeSilentRenewError(w);
     };
   }, [t]);
-  const u = l(async () => {
+  const u = d(async () => {
     const r = await t.signinCallback();
     return n({
       user: r ?? null,
@@ -137,7 +137,7 @@ const J = [
       isError: !1,
       error: null
     }), r ?? void 0;
-  }, [t]), i = l(
+  }, [t]), i = d(
     async (r) => {
       try {
         await t.signinRedirect(r);
@@ -146,10 +146,10 @@ const J = [
       }
     },
     [t]
-  ), d = l(
+  ), l = d(
     async (r) => await t.signinPopup(r),
     [t]
-  ), m = l(
+  ), m = d(
     async (r) => {
       try {
         return await t.signinSilent(r);
@@ -164,7 +164,7 @@ const J = [
       }
     },
     [t]
-  ), A = l(
+  ), A = d(
     async (r) => {
       try {
         await t.signoutRedirect(r);
@@ -179,7 +179,7 @@ const J = [
       handleSigninCallback: u,
       redirectToSignin: i,
       signinSilent: m,
-      signinPopup: d,
+      signinPopup: l,
       logout: A
     }),
     [
@@ -187,7 +187,7 @@ const J = [
       u,
       i,
       m,
-      d,
+      l,
       A
     ]
   );

package/dist/system.css

@@ -1 +1 @@
-@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-eb-garamond); --font-sans-serif: var(--font-dm-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --container-firm: 1200px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; --animate-scale-logo: scale-logo .5s cubic-bezier(.83,0,.17,1) forwards; @keyframes scale-logo {0% {transform: scale(.8) rotate(-10deg); opacity: 0;} 100% {transform: scale(1) rotate(0deg); opacity: 1;}} --animate-role-logo: role-logo 1.2s cubic-bezier(.83,0,.17,1) forwards; @keyframes role-logo {0% {transform: translateX(-10px) rotate(-90deg);} 100% {transform: translateX(0px) rotate(0deg);}} --animate-in: in 1s cubic-bezier(.83,0,.17,1) forwards; @keyframes in {0% {transform: translateX(-10px); opacity: 0;} 100% {transform: translateX(0px); opacity: 1;}} @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}.logo{@apply text-flask;display:flex;align-items:center;@apply gap-x-2;}.logo>svg{max-width:2.4rem;height:auto;animation:var(--animate-role-logo)}.logo>div{opacity:0;animation:var(--animate-in);animation-delay:.1s}.logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-scale-logo)}.logo>svg>path:nth-child(1){animation-delay:.2s}.logo>svg>path:nth-child(2){animation-delay:.6s}.logo>svg>path:nth-child(3){animation-delay:.3s}.logo>svg>path:nth-child(4){animation-delay:.5s}.logo>svg>path:nth-child(5){animation-delay:.4s}.logo>svg>path:nth-child(6){animation-delay:.5s}@layer components{.btn{@apply bg-flask;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-hover;}@variant disabled:not([data-loading=true]){@apply opacity-60; @apply cursor-not-allowed;}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-success{@apply bg-success-dark;@apply text-success-light;@variant hover{@apply bg-success-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-outline.btn-danger{@apply ring-danger-dark;@apply text-danger-dark;@variant hover{@apply bg-danger-dark; @apply text-danger-light;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-item{@apply block w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@variant hover{@apply bg-sand;}}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-blue underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.alert.alert-info{@apply bg-info-light;@apply text-info-dark;@apply border border-info;}.alert.alert-success{@apply bg-success-light;@apply text-success-dark;@apply border border-success;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;@apply text-left;}.tbl td,.tbl th{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;@apply cursor-pointer;@apply flex items-center;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}.input-radio{@apply accent-flask;}.form-label{@apply block;@apply text-base;@apply mb-1;}}@utility btn-icon{@apply px-0; @apply w-[2rem];}
+@theme{--*: initial; --default-transition-duration: .2s; --breakpoint-sm: 40rem; --breakpoint-md: 54rem; --breakpoint-lg: 64rem; --breakpoint-xl: 74rem; --spacing: 4px; --font-serif: var(--font-eb-garamond); --font-sans-serif: var(--font-dm-sans); --font-weight-bold: 700; --color-black: #1d1d1d; --color-white: #ffffff; --color-blue: #4184cd; --color-flask: #122a0d; --color-flask-hover: #173611; --color-clay: #eee6d3; --color-clay-hover: #d6c9b6; --color-sand: #f3f1eb; --color-sand-hover: #e6dfce; --color-warning: #FFE1C3; --color-warning-light: #FFF8F2; --color-warning-dark: #9E5400; --color-danger: #FFC5C1; --color-danger-light: #FEF3F2; --color-danger-dark: #C72619; --color-success: #B8E0B0; --color-success-light: #ECFDF3; --color-success-dark: #2D6D20; --color-info: #C1D4FF; --color-info-light: #F2F6FE; --color-info-dark: #1946C7; --text-xs: clamp(.6944rem,.6856rem + .0444vw,.72rem); --text-sm: clamp(.8333rem,.8101rem + .1159vw,.9rem); --text-base: clamp(1rem,.9565rem + .2174vw,1.125rem); --text-md: clamp(1.2rem,1.1283rem + .3587vw,1.4063rem); --text-lg: clamp(1.44rem,1.3295rem + .5527vw,1.7578rem); --text-xl: clamp(1.728rem,1.5648rem + .8161vw,2.1973rem); --text-2xl: clamp(2.0736rem,1.8395rem + 1.1704vw,2.7466rem); --text-3xl: clamp(2.4883rem,2.1597rem + 1.6433vw,3.4332rem); --text-xs--line-height: 1.7; --text-sm--line-height: 1.6; --text-base--line-height: 1.5; --text-lg--line-height: 1.4; --text-xl--line-height: 1.3; --text-2xl--line-height: 1.2; --text-3xl--line-height: 1.1; --container-page: calc(var(--page-width) * 1px); --container-article: 800px; --container-event: 1300px; --container-firm: 1200px; --radius-sm: .25rem; --radius-md: .5rem; --blur-md: .2rem; --blur-lg: .4rem; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --aspect-video: 16 / 9; --animate-scale-logo: scale-logo .5s cubic-bezier(.83,0,.17,1) forwards; @keyframes scale-logo {0% {transform: scale(.8) rotate(-10deg); opacity: 0;} 100% {transform: scale(1) rotate(0deg); opacity: 1;}} --animate-role-logo: role-logo 1.2s cubic-bezier(.83,0,.17,1) forwards; @keyframes role-logo {0% {transform: translateX(-10px) rotate(-90deg);} 100% {transform: translateX(0px) rotate(0deg);}} --animate-in: in 1s cubic-bezier(.83,0,.17,1) forwards; @keyframes in {0% {transform: translateX(-10px); opacity: 0;} 100% {transform: translateX(0px); opacity: 1;}} @keyframes spinner {0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}} @keyframes spinner-circle {0% {stroke-dashoffset: 600;} 100% {stroke-dashoffset: 0;}} --animate-spinner: spinner 2s linear infinite; --animate-spinner-circle: spinner-circle 1.6s cubic-bezier(.4,.15,.6,.85) infinite;}.logo{@apply text-flask;display:flex;align-items:center;@apply gap-x-2;}.logo>svg{max-width:2.4rem;height:auto;animation:var(--animate-role-logo)}.logo>div{opacity:0;animation:var(--animate-in);animation-delay:.1s}.logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-scale-logo)}.logo>svg>path:nth-child(1){animation-delay:.2s}.logo>svg>path:nth-child(2){animation-delay:.6s}.logo>svg>path:nth-child(3){animation-delay:.3s}.logo>svg>path:nth-child(4){animation-delay:.5s}.logo>svg>path:nth-child(5){animation-delay:.4s}.logo>svg>path:nth-child(6){animation-delay:.5s}@layer components{.btn{@apply bg-flask;@apply text-white;@apply px-4;@apply text-sm;@apply h-[2rem];@apply w-fit;@apply inline-flex;@apply items-center;@apply justify-center;@apply gap-x-2;@apply rounded-md;@apply transition-colors;@apply cursor-pointer;@variant focus{@apply ring ring-offset-2 ring-clay;}@variant hover{@apply bg-flask-hover;}@variant disabled{&:not([data-loading=true]) {@apply opacity-60; @apply cursor-not-allowed;}}}.btn>svg{@apply shrink-0;}.btn.btn-secondary{@apply bg-clay;@apply text-black;@variant hover{@apply bg-clay-hover;}}.btn.btn-danger{@apply bg-danger-dark;@apply text-danger-light;@variant hover{@apply bg-danger-dark/70;}}.btn.btn-warning{@apply bg-warning-dark;@apply text-warning-light;@variant hover{@apply bg-warning-dark/70;}}.btn.btn-success{@apply bg-success-dark;@apply text-success-light;@variant hover{@apply bg-success-dark/70;}}.btn.btn-outline{@apply bg-transparent;@apply text-black;@apply ring-2;@apply ring-inset;@apply ring-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-outline.btn-secondary{@apply ring-clay;@variant hover{@apply bg-clay; @apply text-black;}}.btn.btn-outline.btn-danger{@apply ring-danger-dark;@apply text-danger-dark;@variant hover{@apply bg-danger-dark; @apply text-danger-light;}}.btn.btn-transparent{@apply bg-transparent;@apply text-black;@variant hover{@apply bg-flask; @apply text-white;}}.btn.btn-transparent.btn-secondary{@variant hover{@apply bg-clay; @apply text-black;}}.dropdown{@apply rounded-md bg-white p-1 shadow-lg;}.dropdown-separator{height:1px;@apply bg-sand my-1;}.dropdown-item{@apply flex items-center w-full px-4 py-2 text-sm cursor-pointer transition-colors;@apply rounded-md;@apply text-left;@variant hover{@apply bg-sand;}}.dropdown-item-icon-right{@apply pr-3;}.input{@apply bg-sand;@apply rounded-sm;@apply px-4;@apply py-2;@apply text-sm;@apply inline-flex;@apply transition-colors;@variant focus{@apply ring-2 ring-offset-2 ring-clay; @apply outline-none;}}.link{@apply text-blue underline;}.alert{@apply px-3;@apply py-2;@apply rounded-md;@apply text-sm;@apply inline-flex;@apply items-center;@apply gap-x-2;}.alert.alert-warning{@apply bg-warning-light;@apply text-warning-dark;@apply border border-warning;}.alert.alert-danger{@apply bg-danger-light;@apply text-danger-dark;@apply border border-danger;}.alert.alert-info{@apply bg-info-light;@apply text-info-dark;@apply border border-info;}.alert.alert-success{@apply bg-success-light;@apply text-success-dark;@apply border border-success;}.tbl{@apply w-full;@apply border-collapse;@apply bg-white;@apply text-black;@apply text-sm;@apply border border-black;}.tbl th{@apply font-bold;@apply text-left;}.tbl td,.tbl th{@apply px-4;@apply py-3;@apply border-b border-black;@apply border-r border-black;}.tbl tbody tr{@apply transition-colors;@variant hover{@apply bg-sand;}}.tabs{@apply flex border-b-2 border-clay;@apply gap-x-2;@apply pb-1;}.tab{@apply px-4 py-2;@apply rounded-md;@apply font-bold;@apply text-sm;@apply transition;@apply cursor-pointer;@apply flex items-center;}.tab:hover{@apply bg-clay/70;}.tab.active{@apply bg-clay;}.input-radio{@apply accent-flask;}.form-label{@apply block;@apply text-base;@apply mb-1;}}@utility btn-icon{@apply px-0; @apply w-[2rem];}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.6.4",
+  "version": "5.6.6",
   "type": "module",
   "exports": {
     "./oidc": {