@arkitektbedriftene/fe-lib 5.8.3 → 5.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as L, jsxs as o } from "react/jsx-runtime";
|
|
2
|
+
import r from "clsx";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
const e = i(
|
|
5
|
+
({ className: C, ...t }, l) => /* @__PURE__ */ L(
|
|
6
|
+
"div",
|
|
7
|
+
{
|
|
8
|
+
ref: l,
|
|
9
|
+
className: r("w-8 h-8 shrink-0 spinner-logo", C),
|
|
10
|
+
...t,
|
|
11
|
+
children: /* @__PURE__ */ o("svg", { width: "163", height: "163", viewBox: "0 0 163 163", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
12
|
+
/* @__PURE__ */ L("path", { d: "M102.469 86.1101L160.636 94.5349L161.365 94.6404L161.242 95.3679C160.781 98.0924 160.189 100.77 159.472 103.395L159.301 104.019L158.663 103.917L140.803 101.061L127.856 123.804L139.255 138.104L139.649 138.598L139.21 139.053C137.411 140.919 135.526 142.698 133.562 144.385L132.988 144.878L132.524 144.279L96.1409 97.3875L95.7551 96.8904L96.1965 96.4412C98.8138 93.7788 100.736 90.4143 101.666 86.6501L101.823 86.0164L102.469 86.1101ZM105.416 95.6687C105.596 95.8742 105.805 96.1141 106.044 96.3875L106.061 96.406L106.075 96.4265L107.026 97.6765L122.506 117.094L132.398 99.7175L108.061 95.8298L108.054 95.8289L106.613 95.5847H106.609C106.108 95.4973 105.612 95.4127 105.121 95.3308C105.209 95.4308 105.307 95.5435 105.416 95.6687Z", fill: "black", stroke: "black", "stroke-width": "1.44068" }),
|
|
13
|
+
/* @__PURE__ */ L("path", { d: "M133.898 18.3304C135.853 20.0259 137.73 21.8136 139.519 23.6879L139.953 24.142L139.561 24.6342L128.445 38.5795L141.391 61.3217L158.698 58.5551L159.335 58.4525L159.506 59.0765C160.222 61.6989 160.812 64.3743 161.273 67.0961L161.396 67.8236L160.667 67.9291L102.345 76.3763L101.713 76.4681L101.546 75.8519C100.586 72.3096 98.7426 69.1384 96.27 66.598L95.8335 66.1498L96.2173 65.6547L132.857 18.433L133.324 17.8314L133.898 18.3304ZM107.615 64.7084L107.614 64.7074L106.664 65.9594L106.649 65.9789L106.632 65.9984C106.223 66.466 105.942 66.7867 105.709 67.0531C106.2 66.9712 106.696 66.8876 107.196 66.8002H107.2L108.643 66.556L108.65 66.5551L132.986 62.6654L123.094 45.2894L107.615 64.7084Z", fill: "black", stroke: "black", "stroke-width": "1.44068" }),
|
|
14
|
+
/* @__PURE__ */ L("path", { d: "M62.2192 1.45654L68.6987 18.5356H94.5747L100.958 1.70459L101.19 1.09619L101.818 1.26416C104.317 1.93155 106.771 2.71658 109.171 3.61377L109.859 3.87061L109.589 4.55322L87.5073 60.5396L87.2729 61.1343L86.6548 60.9712C84.9806 60.5321 83.2243 60.2983 81.4136 60.2983C79.6344 60.2984 77.9081 60.5243 76.2603 60.9487L75.645 61.1079L75.4106 60.5161L53.1792 4.35107L52.9067 3.66357L53.6021 3.40967C56.1358 2.48404 58.7274 1.68409 61.3687 1.01416L61.9907 0.855957L62.2192 1.45654ZM80.5981 49.9019L80.6001 49.9077L81.1138 51.2974L81.1147 51.3013C81.2879 51.7778 81.4621 52.2488 81.6353 52.7144C81.7445 52.3823 81.872 51.9966 82.0649 51.4097L82.0728 51.3862L82.0815 51.3638L82.6802 49.8872L91.5249 26.5737H71.7476L80.5981 49.9019Z", fill: "black", stroke: "black", "stroke-width": "1.44068" }),
|
|
15
|
+
/* @__PURE__ */ L("path", { d: "M61.1531 86.6046C62.0567 90.2969 63.9165 93.6059 66.449 96.2482L66.8787 96.6964L66.4978 97.1876L29.8455 144.428L29.3826 145.025L28.8083 144.534C26.839 142.853 24.9485 141.079 23.1443 139.218L22.7039 138.764L23.0984 138.268L34.6287 123.805L21.6814 101.062L3.54272 103.961L2.90503 104.064L2.73511 103.441C2.01649 100.815 1.42382 98.1353 0.960693 95.4103L0.83667 94.6818L1.56714 94.5763L60.3503 86.0626L60.9978 85.9689L61.1531 86.6046ZM55.8777 95.5851H55.8738C55.4213 95.6614 54.8824 95.752 54.4304 95.8282L54.4236 95.8292L30.0857 99.7179L39.9783 117.095L55.4587 97.6759L56.4099 96.4249L56.4246 96.4054L56.4412 96.3859C56.6802 96.1125 56.8896 95.8732 57.0691 95.6681C57.1783 95.5433 57.276 95.4306 57.363 95.3312C56.8727 95.413 56.3775 95.4977 55.8777 95.5851Z", fill: "black", stroke: "black", "stroke-width": "1.44068" }),
|
|
16
|
+
/* @__PURE__ */ L("path", { d: "M29.5266 18.2925L66.4299 65.853L66.8088 66.3413L66.3831 66.7905C63.9935 69.3087 62.213 72.4254 61.2805 75.897L61.1145 76.5151L60.4817 76.4233L1.56372 67.8892L0.833252 67.7837L0.957275 67.0562C1.4192 64.3342 2.01 61.6577 2.72681 59.0347L2.89771 58.4106L3.5354 58.5132L21.1018 61.3208L34.0481 38.5776L22.8088 24.478L22.4163 23.9849L22.8528 23.5298C24.6467 21.6605 26.5272 19.878 28.4866 18.188L29.0618 17.6929L29.5266 18.2925ZM29.5051 62.6636L53.844 66.5532L53.8508 66.5542C54.0914 66.5948 54.3322 66.6355 54.5725 66.6763C54.8129 66.717 55.0533 66.7579 55.2932 66.7983H55.2971C55.7973 66.8857 56.2929 66.9694 56.7834 67.0513C56.5516 66.7861 56.2604 66.4529 55.8606 65.9956L55.844 65.9761L55.8293 65.9565L54.8792 64.7056L39.3977 45.2866L29.5051 62.6636Z", fill: "black", stroke: "black", "stroke-width": "1.44068" }),
|
|
17
|
+
/* @__PURE__ */ L("path", { d: "M75.7612 101.877C77.5609 102.39 79.4596 102.665 81.4224 102.665C83.3198 102.665 85.1571 102.407 86.9038 101.926L87.5269 101.754L87.7651 102.355L109.726 157.837L109.996 158.517L109.31 158.775C106.785 159.725 104.201 160.55 101.566 161.245L100.939 161.411L100.708 160.804L94.0845 143.344H68.2085L61.5747 160.828L61.3442 161.433L60.7183 161.268C58.2124 160.611 55.7525 159.835 53.3452 158.946L52.6538 158.691L52.9243 158.006L74.894 102.304L75.1333 101.697L75.7612 101.877ZM81.0171 109.559C80.9315 109.819 80.8322 110.123 80.7183 110.469L80.7104 110.493L80.7017 110.515L80.103 111.992L71.2583 135.305H91.0356L82.1851 111.977L82.1831 111.971C82.0143 111.515 81.8382 111.038 81.6694 110.582L81.6685 110.578C81.4952 110.101 81.3203 109.63 81.147 109.164C81.108 109.282 81.0649 109.414 81.0171 109.559Z", fill: "black", stroke: "black", "stroke-width": "1.44068" })
|
|
18
|
+
] })
|
|
19
|
+
}
|
|
20
|
+
)
|
|
21
|
+
);
|
|
22
|
+
e.displayName = "SpinnerLogo";
|
|
23
|
+
export {
|
|
24
|
+
e as SpinnerLogo
|
|
25
|
+
};
|
package/dist/system.css
CHANGED
|
@@ -1 +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-
|
|
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-stk-bureau-serif); --font-sans-serif: var(--font-stk-bureau-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; --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; @keyframes spinner-logo {0% {transform: scale(.8) rotate(-10deg); opacity: 0;} 100% {transform: scale(1) rotate(0deg); opacity: 1;}} @keyframes spinner-logo-letter {0% {transform: translateX(-10px) rotate(-90deg);} 100% {transform: translateX(0px) rotate(0deg);}} --animate-spinner-logo: spinner-logo .5s cubic-bezier(.83,0,.17,1) forwards; --animate-spinner-logo-letter: spinner-logo-letter 1.2s cubic-bezier(.83,0,.17,1) forwards; @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;}@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;@apply text-black;@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-black 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;}.spinner-logo{animation:var(--animate-spinner-logo)}.spinner-logo>svg>path{transform-origin:center center;opacity:0;animation:var(--animate-spinner-logo-letter)}.spinner-logo>svg>path:nth-child(1){animation-delay:.2s}.spinner-logo>svg>path:nth-child(2){animation-delay:.6s}.spinner-logo>svg>path:nth-child(3){animation-delay:.3s}.spinner-logo>svg>path:nth-child(4){animation-delay:.5s}.spinner-logo>svg>path:nth-child(5){animation-delay:.4s}.spinner-logo>svg>path:nth-child(6){animation-delay:.5s}}@utility btn-icon{@apply px-0; @apply w-[2rem];}
|