@k8slens/lds 0.34.2 → 0.34.3

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.
Files changed (23) hide show
  1. package/lib/cjs/DrawerTransition/DrawerTransition.d.ts +10 -0
  2. package/lib/cjs/DrawerTransition/DrawerTransition.js +1 -0
  3. package/lib/cjs/Notification/Notification.d.ts +23 -0
  4. package/lib/cjs/Notification/Notification.js +1 -0
  5. package/lib/cjs/Notification/Notification.module.css.js +1 -0
  6. package/lib/cjs/components.d.ts +3 -1
  7. package/lib/cjs/index.css +1 -1
  8. package/lib/cjs/index.electron.js +1 -1
  9. package/lib/cjs/index.js +1 -1
  10. package/lib/es/DrawerTransition/DrawerTransition.d.ts +10 -0
  11. package/lib/es/DrawerTransition/DrawerTransition.js +1 -0
  12. package/lib/es/Notification/Notification.d.ts +23 -0
  13. package/lib/es/Notification/Notification.js +1 -0
  14. package/lib/es/Notification/Notification.module.css.js +1 -0
  15. package/lib/es/components.d.ts +3 -1
  16. package/lib/es/index.css +1 -1
  17. package/lib/es/index.electron.js +1 -1
  18. package/lib/es/index.js +1 -1
  19. package/lib/web/{lds-v0-34-1 → lds-v0-34-2}/index.css +1 -1
  20. package/lib/web/lds-v0-34-2/index.js +19 -0
  21. package/package.json +3 -3
  22. package/lib/web/lds-v0-34-1/index.js +0 -19
  23. /package/lib/web/{lds-v0-34-1 → lds-v0-34-2}/typography.css +0 -0
package/lib/cjs/DrawerTransition/DrawerTransition.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React, { PropsWithChildren } from "react";
2
+ export interface DrawerTransitionProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ open: boolean;
4
+ duration?: number;
5
+ afterEnter?: () => void;
6
+ afterExit?: () => void;
7
+ deps?: object;
8
+ }
9
+ declare const DrawerTransition: React.FC<PropsWithChildren<DrawerTransitionProps>>;
10
+ export default DrawerTransition;
package/lib/cjs/DrawerTransition/DrawerTransition.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),n=require("clsx");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=i(t),u=i(n);module.exports=function(n){var i=n.open,a=n.deps,c=void 0===a?{}:a,o=n.duration,s=void 0===o?250:o,l=n.afterEnter,d=n.afterExit,f=n.children,m=e.__rest(n,["open","deps","duration","afterEnter","afterExit","children"]),v=t.useRef(null),x=t.useState(null),E=x[0],g=x[1],h=t.useState("exited"),p=h[0],y=h[1],_=t.useState(),b=_[0],w=_[1],T=t.useMemo((function(){return{transitionDuration:"".concat(s,"ms"),transitionTimingFunction:"ease-in-out",height:"entering"===p||"entered"===p?b:"0px",opacity:"entering"===p||"entered"===p?1:0}}),[s,p,b]),k=t.useCallback((function(){v.current&&w("".concat(v.current.clientHeight,"px"))}),[v]),q=t.useCallback((function(){return y("entering"),setTimeout((function(){try{y("entered"),l&&l()}catch(e){}}),s)}),[s,l]),C=t.useCallback((function(){return y("exiting"),setTimeout((function(){try{y("exited"),d&&d()}catch(e){}}),s)}),[s,d]);return t.useEffect((function(){!i||"exited"!==p&&"exiting"!==p?i||"entering"!==p&&"entered"!==p||(E&&clearTimeout(E),g(C())):(E&&clearTimeout(E),g(q()))}),[i,p,q,C]),t.useEffect((function(){return window.addEventListener("resize",k),function(){window.removeEventListener("resize",k)}}),[k]),t.useEffect((function(){k()}),[v,k,c]),r.default.createElement("div",e.__assign({"aria-hidden":!i},m,{style:T,className:u.default("transition-all overflow-y-hidden",m.className)}),r.default.createElement("div",{ref:v},f))};
package/lib/cjs/Notification/Notification.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import React, { ReactNode } from "react";
2
+ export declare type Type = "flash" | "closable" | "inline" | "default";
3
+ export declare type AlertLevel = "info" | "success" | "error" | "warning";
4
+ export interface NotificationProps {
5
+ message: string | ReactNode;
6
+ title?: string;
7
+ type?: Type;
8
+ level?: AlertLevel;
9
+ inline?: false;
10
+ flash?: false;
11
+ /**
12
+ * Hide after `flashDuration` milliseconds, if type is set to "flash"
13
+ */
14
+ flashDuration?: number;
15
+ /**
16
+ * Can be set closable if not inline
17
+ */
18
+ closable?: boolean;
19
+ onClose?(): void;
20
+ className?: string;
21
+ }
22
+ declare const Notification: React.FC<NotificationProps>;
23
+ export default Notification;
package/lib/cjs/Notification/Notification.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react"),t=require("clsx"),a=require("@k8slens/lds-icons"),l=require("../DrawerTransition/DrawerTransition.js"),r=require("./Notification.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=n(e),u=n(t),o=a.navigation.CloseIcon,i=a.base.SuccessIcon,c=a.base.WarningIcon,f=a.base.InfoIcon;module.exports=function(t){var a=t.level,n=void 0===a?"info":a,d=t.type,m=void 0===d?"default":d,E=t.title,v=t.message,b=t.flashDuration,p=void 0===b?5e3:b,x=t.onClose,g=t.className,h=e.useState(!0),q=h[0],C=h[1],I=e.useRef(null),k="flash"===m?300:200,w=e.useCallback((function(){"flash"===m&&setTimeout((function(){try{C(!1)}catch(e){}}),p)}),[m,p]);return s.default.createElement(l,{open:q,role:"alert",className:u.default(g,r.wrapper,r[n],r[m]),afterEnter:w,afterExit:x,duration:k},s.default.createElement("div",{ref:I,className:r.alert},"success"===n&&s.default.createElement(i,{size:"xl"}),"info"===n&&s.default.createElement(f,{size:"xl"}),("error"===n||"warning"===n)&&s.default.createElement(c,{size:"xl"}),s.default.createElement("div",null,E&&s.default.createElement("h5",null,E),s.default.createElement("p",null,v)),"closable"===m&&s.default.createElement("button",{type:"button",onClick:function(){return C(!1)},"aria-label":"Close"},s.default.createElement(o,{size:"lg",color:"on-dark"}))))};
package/lib/cjs/Notification/Notification.module.css.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";module.exports={wrapper:"lds-notification--wrapper",inline:"lds-notification--inline",alert:"lds-notification--alert",closable:"lds-notification--closable",info:"lds-notification--info",success:"lds-notification--success",error:"lds-notification--error",warning:"lds-notification--warning"};
package/lib/cjs/components.d.ts CHANGED
@@ -1,14 +1,16 @@
1
1
  export { default as Badge } from "./Badge/Badge";
2
2
  export { default as Button } from "./Button/Button";
3
3
  export { default as ButtonBar } from "./ButtonBar/ButtonBar";
4
+ export { default as DrawerTransition } from "./DrawerTransition/DrawerTransition";
4
5
  export { default as Input } from "./Input/Input";
5
6
  export { default as LoadingIndicator } from "./LoadingIndicator/LoadingIndicator";
6
7
  export { default as Lozenge } from "./Lozenge/Lozenge";
7
8
  export { default as Modal } from "./Modal/Modal";
9
+ export { default as Notification } from "./Notification/Notification";
8
10
  export { default as NumberBadge } from "./NumberBadge/NumberBadge";
9
11
  export { default as Panel } from "./Panel/Panel";
10
12
  export { default as SideNav } from "./SideNav/SideNav";
11
13
  export { default as SideNavGroup } from "./SideNav/SideNavGroup";
12
14
  export { default as SideNavItem } from "./SideNav/SideNavItem";
13
- export { Switch } from "./Switch/Switch";
14
15
  export { default as Tooltip } from "./Tooltip/Tooltip";
16
+ export { Switch } from "./Switch/Switch";
package/lib/cjs/index.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /*
2
2
  ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
3
- */*,:after,:before{border-color:var(--alias-color-border-default);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--typography-font-family-open-sans:"Open Sans",sans-serif;--typography-line-height-9xl:1;--typography-line-height-8xl:1;--typography-line-height-7xl:1;--typography-line-height-6xl:1;--typography-font-legacy:"Roboto","Helvetica","Arial",sans-serif;--typography-font-primary:"Open Sans",sans-serif;--transition-easing-in-out:ease-in-out;--transition-easing-default:ease;--transition-duration-slow:.75s;--transition-duration-default:.25s;--spacing-h4-basekick-baseline:0em;--spacing-h4-basekick-cap:0em;--spacing-h4-block-end:0rem;--spacing-h3-basekick-baseline:0em;--spacing-h3-basekick-cap:0em;--spacing-h3-block-end:0rem;--spacing-h2-caps-basekick-baseline:-0.11148em;--spacing-h2-caps-basekick-cap:-0.13628em;--spacing-h2-caps-block-end:0.27873rem;--spacing-h2-basekick-baseline:-0.08484em;--spacing-h2-basekick-cap:-0.10964em;--spacing-h2-block-end:0.2431rem;--spacing-h1-basekick-baseline:-0.6121em;--spacing-h1-basekick-cap:-0.6741em;--spacing-h1-block-end:1.9293rem;--spacing-9-5:2.375rem;--spacing-8-5:2.125rem;--spacing-7-5:1.875rem;--spacing-6-5:1.625rem;--spacing-5-5:1.375rem;--spacing-4-5:1.125rem;--spacing-3-5:0.875rem;--spacing-2-75:0.6875rem;--spacing-2-5:0.625rem;--spacing-2-25:0.5625rem;--spacing-1-75:0.4375rem;--spacing-1-5:0.375rem;--spacing-1-25:0.3125rem;--spacing-0-75:0.1875rem;--spacing-0-5:0.125rem;--spacing-0-25:0.0625rem;--spacing-96:24rem;--spacing-80:20rem;--spacing-72:18rem;--spacing-64:16rem;--spacing-60:15rem;--spacing-56:14rem;--spacing-52:13rem;--spacing-48:12rem;--spacing-44:11rem;--spacing-40:10rem;--spacing-36:9rem;--spacing-32:8rem;--spacing-28:7rem;--spacing-24:6rem;--spacing-20:5rem;--spacing-18:4.5rem;--spacing-16:4rem;--spacing-14:3.5rem;--spacing-12:3rem;--spacing-10:2.5rem;--spacing-9:2.25rem;--spacing-8:2rem;--spacing-7:1.75rem;--spacing-6:1.5rem;--spacing-5:1.25rem;--spacing-4:1rem;--spacing-3:0.75rem;--spacing-2:0.5rem;--spacing-1:0.25rem;--screen-width-max-xl:1535px;--screen-width-max-lg:1279px;--screen-width-max-md:1023px;--screen-width-max-sm:767px;--screen-width-max-xs:639px;--screen-width-min-2xl:1536px;--screen-width-min-xl:1280px;--screen-width-min-lg:1024px;--screen-width-min-md:768px;--screen-width-min-sm:640px;--opacity-disabled:0.5;--typography-font-header:var(--typography-font-family-open-sans);--typography-font-main:var(--typography-font-family-open-sans);--typography-heading-line-height-h5:var(--spacing-6);--typography-heading-size-h5:var(--spacing-2-5);--typography-line-height-5xl:var(--spacing-12);--typography-line-height-4xl:var(--spacing-12);--typography-line-height-3xl:var(--spacing-12);--typography-line-height-2xl:var(--spacing-6);--typography-line-height-xl:var(--spacing-6);--typography-line-height-lg:var(--spacing-6);--typography-line-height-base:var(--spacing-6);--typography-line-height-sm:var(--spacing-6);--typography-line-height-xs:var(--spacing-6);--typography-line-height-xxs:var(--spacing-6);--typography-size-9xl:var(--spacing-18);--typography-size-8xl:var(--spacing-16);--typography-size-7xl:var(--spacing-12);--typography-size-6xl:var(--spacing-10);--typography-size-5xl:var(--spacing-9);--typography-size-4xl:var(--spacing-8);--typography-size-3xl:var(--spacing-6);--typography-size-2xl:var(--spacing-5);--typography-size-xl:var(--spacing-4-5);--typography-size-lg:var(--spacing-4);--typography-size-base:var(--spacing-3-5);--typography-size-sm:var(--spacing-3);--typography-size-xs:var(--spacing-2-75);--typography-size-xxs:var(--spacing-2);--spacing-p-block-end:var(--spacing-4);--spacing-3xl:var(--spacing-10);--spacing-2xl:var(--spacing-8);--spacing-xl:var(--spacing-6);--spacing-lg:var(--spacing-4);--spacing-md:var(--spacing-3);--spacing-sm:var(--spacing-2);--spacing-xs:var(--spacing-1);--spacing-xxs:var(--spacing-0-5);--radius-3xl:var(--spacing-6);--radius-2xl:var(--spacing-4);--radius-xl:var(--spacing-3);--radius-lg:var(--spacing-2);--radius-md:var(--spacing-1-5);--radius-default:var(--spacing-1);--radius-sm:var(--spacing-0-5);--typography-heading-line-height-h4:var(--typography-line-height-base);--typography-heading-line-height-h3:var(--typography-line-height-base);--typography-heading-line-height-h2-caps:var(--typography-line-height-xl);--typography-heading-line-height-h2:var(--typography-line-height-2xl);--typography-heading-line-height-h1:var(--typography-line-height-3xl);--typography-heading-size-h4:var(--typography-size-base);--typography-heading-size-h3:var(--typography-size-base);--typography-heading-size-h2-caps:var(--typography-size-xl);--typography-heading-size-h2:var(--typography-size-xl);--typography-heading-size-h1:var(--typography-size-2xl);--hues-blue-green-lightness:39%;--hues-blue-green-saturation:59%;--hues-blue-green-hue:172;--hues-bright-green-lightness:60%;--hues-bright-green-saturation:60%;--hues-bright-green-hue:110;--hues-green-lightness:40%;--hues-green-saturation:60%;--hues-green-hue:138;--hues-orange-lightness:57.84%;--hues-orange-saturation:100%;--hues-orange-hue:31.81;--hues-red-lightness:50%;--hues-red-saturation:60%;--hues-red-hue:359;--hues-blue-lightness:52%;--hues-blue-saturation:60%;--hues-blue-hue:206;--color-translucent-light-50:hsla(0,0%,100%,.5);--color-translucent-light-25:hsla(0,0%,100%,.25);--color-translucent-light-15:hsla(0,0%,100%,.15);--color-translucent-light-10:hsla(0,0%,100%,.1);--color-translucent-dark-05:rgba(0,0,0,.05);--color-translucent-dark-60:rgba(0,0,0,.4);--color-translucent-dark-40:rgba(0,0,0,.4);--color-translucent-dark-25:rgba(0,0,0,.25);--color-translucent-dark-15:rgba(0,0,0,.15);--color-translucent-dark-10:rgba(0,0,0,.1);--color-black:#000;--color-white:#fff;--color-blue-gray-230:#373a3f;--color-blue-gray-170:#272a2f;--color-blue-gray-150:#23262a;--color-blue-gray-130:#1e2124;--shadow-inner:inset 0 2px 4px 0 var(--color-translucent-dark-05);--shadow-2xl:0 25px 50px -12px var(--color-translucent-dark-25),0 0 1px 0 var(--color-translucent-dark-25);--shadow-xl:0 20px 25px -5px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-lg:0 10px 15px -3px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-md:0 4px 6px -1px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-default:0 1px 3px 0 var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-10);--shadow-sm:0 0 0 2px var(--color-translucent-dark-05),0 0 1px 0 var(--color-translucent-dark-10);--hues-blue-gray-hue:var(--hues-blue-hue);--color-blue-green-600:hsl(var(--hues-blue-green-hue),var(--hues-blue-green-saturation),var(--hues-blue-green-lightness));--color-bright-green-600:hsl(var(--hues-bright-green-hue),var(--hues-bright-green-saturation),var(--hues-bright-green-lightness));--color-green-400:hsl(var(--hues-green-hue),var(--hues-green-saturation),var(--hues-green-lightness));--color-orange-600:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),var(--hues-orange-lightness));--color-orange-400:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),40%);--color-red-600:hsl(var(--hues-red-hue),var(--hues-red-saturation),var(--hues-red-lightness));--color-blue-600:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),60%);--color-blue-500:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),var(--hues-blue-lightness));--color-blue-green-default:var(--color-blue-green-600);--color-bright-green-default:var(--color-bright-green-600);--color-green-default:var(--color-green-400);--color-orange-default:var(--color-orange-600);--color-red-default:var(--color-red-600);--color-blue-gray-980:hsl(var(--hues-blue-gray-hue),15%,98%);--color-blue-gray-950:hsl(var(--hues-blue-gray-hue),13%,95%);--color-blue-gray-900:hsl(var(--hues-blue-gray-hue),15%,90%);--color-blue-gray-850:hsl(var(--hues-blue-gray-hue),15%,85%);--color-blue-gray-800:hsl(var(--hues-blue-gray-hue),10%,80%);--color-blue-gray-750:hsl(var(--hues-blue-gray-hue),5%,75%);--color-blue-gray-700:hsl(var(--hues-blue-gray-hue),5%,70%);--color-blue-gray-650:hsl(var(--hues-blue-gray-hue),5%,65%);--color-blue-gray-600:hsl(var(--hues-blue-gray-hue),6%,60%);--color-blue-gray-550:hsl(var(--hues-blue-gray-hue),6%,55%);--color-blue-gray-450:hsl(var(--hues-blue-gray-hue),6%,45%);--color-blue-gray-350:hsl(var(--hues-blue-gray-hue),6%,35%);--color-blue-gray-200:hsl(var(--hues-blue-gray-hue),9%,20%);--color-blue-default:var(--color-blue-500);--color-blue-gray-default:var(--color-blue-gray-450);--alias-color-background-highlight-25:var(--color-translucent-light-25);--alias-color-background-highlight-15:var(--color-translucent-light-15);--alias-color-background-highlight-10:var(--color-translucent-light-10);--alias-color-background-overlay-popup:var(--color-translucent-dark-60);--alias-color-background-overlay-blocked:var(--color-translucent-dark-40);--alias-color-background-elevation-negative:var(--color-translucent-dark-40);--alias-color-background-quinary:var(--color-blue-gray-170);--alias-color-background-tertiary:var(--color-blue-gray-230);--alias-color-background-secondary:var(--color-blue-gray-150);--alias-color-background-base:var(--color-blue-gray-130);--alias-color-border-vivid:var(--color-white);--alias-color-border-weak:var(--color-blue-gray-230);--alias-color-text-accent:var(--color-white);--alias-color-font-table-header-base:var(--alias-color-text-accent);--alias-color-background-block-footer:var(--alias-color-background-secondary);--alias-color-background-block-content:var(--alias-color-background-quinary);--alias-color-background-block-header:var(--alias-color-background-secondary);--alias-color-info:var(--color-blue-500);--alias-color-caution-dark:var(--color-orange-400);--alias-color-font-table-cell-active:var(--color-blue-green-default);--alias-color-background-quarternary:var(--color-blue-gray-200);--alias-color-ok:var(--color-green-default);--alias-color-caution:var(--color-orange-default);--alias-color-danger:var(--color-red-default);--alias-color-border-focus:var(--color-blue-default);--alias-color-border-strong:var(--color-blue-gray-550);--alias-color-border-default:var(--color-blue-gray-350);--alias-color-text-quarternary:var(--color-blue-gray-850);--alias-color-text-tertiary:var(--color-blue-gray-650);--alias-color-text-secondary:var(--color-blue-gray-350);--alias-color-text-primary:var(--color-blue-gray-600);--alias-color-brand-primary:var(--color-blue-default);--alias-color-font-table-cell-link:var(--alias-color-brand-primary);--alias-color-font-table-cell-danger:var(--alias-color-danger);--alias-color-font-table-cell-caution:var(--alias-color-caution);--alias-color-font-table-cell-secondary:var(--alias-color-text-secondary);--alias-color-font-table-cell-primary:var(--alias-color-text-primary);--alias-color-font-link:var(--alias-color-brand-primary)}body.light,html.light{--alias-color-brand-primary:#3b8ece;--alias-color-text-primary:#858d93;--alias-color-text-secondary:#bcc0c2;--alias-color-text-tertiary:#6c747a;--alias-color-text-quarternary:#545a5f;--alias-color-text-accent:#000;--alias-color-border-weak:#d3dade;--alias-color-border-default:#a1a6aa;--alias-color-border-strong:#6c747a;--alias-color-border-vivid:#000;--alias-color-border-focus:#3b8ece;--alias-color-danger:#cc3336;--alias-color-caution:#ff9a28;--alias-color-caution-dark:#cc6c00;--alias-color-ok:#29a34e;--alias-color-info:#3b8ece;--alias-color-background-base:#f1f2f4;--alias-color-background-secondary:#f9fafb;--alias-color-background-tertiary:#e2e6e9;--alias-color-background-quarternary:#d3dade;--alias-color-background-quinary:#f1f2f4;--alias-color-background-elevation-negative:rgba(0,0,0,.1);--alias-color-background-overlay-blocked:hsla(0,0%,100%,.5);--alias-color-background-overlay-popup:rgba(0,0,0,.25);--alias-color-background-highlight-10:rgba(0,0,0,.1);--alias-color-background-highlight-15:rgba(0,0,0,.15);--alias-color-background-highlight-25:rgba(0,0,0,.05);--alias-color-background-block-header:#f9fafb;--alias-color-background-block-content:#f1f2f4;--alias-color-background-block-footer:#f9fafb;--alias-color-font-link:#3b8ece;--alias-color-font-table-header-base:#000;--alias-color-font-table-cell-primary:#858d93;--alias-color-font-table-cell-secondary:#bcc0c2;--alias-color-font-table-cell-active:#299e8e;--alias-color-font-table-cell-caution:#ff9a28;--alias-color-font-table-cell-danger:#cc3336;--alias-color-font-table-cell-link:#3b8ece}:root{--spacing-switch-thumb-size:20px;--spacing-side-nav-compact-item-margin-block-end:0;--shadow-switch-thumb-focused:0 0 0 2px var(--alias-color-brand-primary);--size-input-block-size:var(--spacing-10);--size-button-sm-height:var(--spacing-8);--size-button-xs-height:var(--spacing-6-5);--size-button-height:var(--spacing-10);--spacing-input-icon-inset-block:var(--spacing-2-5);--spacing-input-icon-inset-inline:var(--spacing-2-5);--spacing-input-with-icon-inline-end:var(--spacing-10);--spacing-button-sm-icon-size:var(--spacing-4);--spacing-button-xs-icon-size:var(--spacing-3-5);--spacing-button-icon-size:var(--spacing-5);--spacing-button-sm-padding-y:var(--spacing-0-75);--spacing-button-xs-padding-y:var(--spacing-1);--color-font-side-nav-item-active-danger:var(--color-white);--color-background-switch-thumb:var(--color-white);--spacing-side-nav-compact-item-padding-inline:var(--spacing-lg);--spacing-side-nav-item-margin-block-end:var(--spacing-xxs);--spacing-side-nav-item-padding-block:var(--spacing-xs);--spacing-side-nav-item-padding-inline:var(--spacing-md);--spacing-side-nav-compact-gap:var(--spacing-xxs);--spacing-side-nav-gap:var(--spacing-sm);--spacing-input-padding-inline:var(--spacing-md);--spacing-button-bar-padding-block:var(--spacing-lg);--spacing-button-bar-padding-inline-large:var(--spacing-xl);--spacing-button-bar-padding-inline:var(--spacing-lg);--spacing-button-xs-icon-margin-inline-end:var(--spacing-sm);--spacing-button-icon-margin-inline-end:var(--spacing-md);--spacing-button-sm-padding-x:var(--spacing-md);--spacing-button-xs-padding-x:var(--spacing-sm);--spacing-button-padding-y:var(--spacing-xs);--spacing-button-padding-x:var(--spacing-lg);--shadow-switch-thumb-disabled:inset 0 0 0 2px var(--alias-color-background-overlay-blocked);--radius-button-xs:var(--radius-md);--radius-button-sm:var(--radius-md);--radius-button:var(--radius-default);--color-font-side-nav-item-active-default:var(--alias-color-text-accent);--color-font-input-focus:var(--alias-color-text-accent);--color-background-switch-thumb-highlight:var(--alias-color-background-highlight-25);--spacing-button-bar-gap:var(--spacing-button-bar-padding-block);--color-font-button-danger-base:var(--color-blue-gray-900);--color-font-button-caution-base:var(--color-blue-gray-900);--color-font-button-ok-base:var(--color-blue-gray-900);--color-font-button-primary-base:var(--color-blue-gray-900);--color-background-switch-track-active:var(--color-bright-green-default);--color-background-button-caution-base:var(--alias-color-caution-dark);--color-border-side-nav-group:var(--alias-color-border-weak);--color-border-input-invalid:var(--alias-color-danger);--color-border-input-focus:var(--alias-color-border-focus);--color-border-input-default:var(--alias-color-border-weak);--color-border-button-danger-discreet:var(--alias-color-danger);--color-border-button-caution-discreet:var(--alias-color-caution);--color-border-button-ok-discreet:var(--alias-color-ok);--color-border-button-secondary-discreet:var(--alias-color-border-strong);--color-border-button-primary-discreet:var(--alias-color-brand-primary);--color-font-side-nav-item-base-danger:var(--alias-color-danger);--color-font-side-nav-item-base-default:var(--alias-color-text-primary);--color-font-input-placeholder:var(--alias-color-text-secondary);--color-font-input-default:var(--alias-color-text-tertiary);--color-font-button-danger-discreet:var(--alias-color-danger);--color-font-button-caution-discreet:var(--alias-color-caution);--color-font-button-ok-discreet:var(--alias-color-ok);--color-font-button-secondary-discreet:var(--alias-color-text-tertiary);--color-font-button-secondary-base:var(--alias-color-text-quarternary);--color-font-button-primary-discreet:var(--alias-color-brand-primary);--color-background-switch-track-inactive:var(--alias-color-background-tertiary);--color-background-side-nav-item-active-danger:var(--alias-color-danger);--color-background-side-nav-item-active-default:var(--alias-color-background-tertiary);--color-background-input-focus:var(--alias-color-background-quarternary);--color-background-input-default:var(--alias-color-background-base);--color-background-button-danger-base:var(--alias-color-danger);--color-background-button-ok-base:var(--alias-color-ok);--color-background-button-secondary-base:var(--alias-color-background-quarternary);--color-background-button-primary-base:var(--alias-color-brand-primary)}.lds-icon{display:inline-block}.lds-icon--svg svg{height:100%;max-width:inherit;min-width:inherit;width:100%}.lds-icon--svg.sm{height:1.125rem;width:1.125rem}.lds-icon--svg,.lds-icon--svg.md{height:var(--spacing-5);width:var(--spacing-5)}.lds-icon--svg.lg{height:var(--spacing-6);width:var(--spacing-6)}.lds-icon--svg.xl{height:var(--spacing-7);width:var(--spacing-7)}.lds-icon--svg.xxl{height:var(--spacing-8);width:var(--spacing-8)}.lds-icon--svg.xxxl{height:var(--spacing-12);width:var(--spacing-12)}.lds-icon--svg.xxxxl{height:var(--spacing-16);width:var(--spacing-16)}.lds-icon--svg.xxxxxl{height:var(--spacing-20);width:var(--spacing-20)}.lds-icon--svg.xxxxxxl{height:var(--spacing-24);width:var(--spacing-24)}.lds-icon--svg>svg{fill:var(--alias-color-text-primary)}.lds-icon--svg.accent>svg{fill:var(--alias-color-text-accent)}.lds-icon--svg.black>svg{fill:var(--color-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-white)}.lds-icon--svg.primary>svg{fill:var(--color-blue-default)}.lds-icon--svg.ok>svg{fill:var(--color-background-button-ok-base)}.lds-icon--svg.info>svg{fill:var(--color-background-button-info-base)}.lds-icon--svg.caution>svg{fill:var(--color-background-button-caution-base)}.lds-icon--svg.danger>svg{fill:var(--color-background-button-danger-base)}.lds-only-aria{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.lds-badge{background-color:var(--alias-color-text-primary);border-radius:var(--radius-default);display:inline-block;height:var(--spacing-sm);padding:0;vertical-align:super;width:var(--spacing-sm)}.lds-badge--md{border-radius:var(--radius-md);height:var(--spacing-md);width:var(--spacing-md)}.lds-badge--lg{border-radius:var(--radius-lg);height:var(--spacing-lg);width:var(--spacing-lg)}.lds-badge--success{background-color:var(--alias-color-ok)}.lds-badge--error{background-color:var(--alias-color-danger)}.lds-badge--warning{background-color:var(--alias-color-caution)}.lds-badge--primary{background-color:var(--alias-color-brand-primary)}a.lds-button{display:inline-block;text-align:center;text-decoration-line:none}.lds-button{background-color:var(--color-background-button-secondary-base);border-color:transparent;border-radius:var(--radius-default);border-width:1px;color:var(--color-font-button-secondary-base);font-family:var(--typography-font-main);font-size:var(--typography-size-base);height:var(--size-button-height);line-height:var(--typography-line-height-base);padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);transition:background-color var(--transition-duration-default) var(--transition-easing-default)}.lds-button--sm,.lds-button--xs{border-radius:var(--radius-md);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm)}.lds-button--xs{height:var(--size-button-xs-height);line-height:1rem;padding:var(--spacing-button-xs-padding-y) var(--spacing-button-xs-padding-x)}.lds-button--sm{height:var(--size-button-sm-height);padding:var(--spacing-button-sm-padding-y) var(--spacing-button-sm-padding-x)}.lds-button--uppercase{text-transform:uppercase}.lds-button--capitalize{text-transform:capitalize}.lds-button>.lds-button--icon{height:var(--spacing-lg);margin-left:0;margin-right:var(--spacing-button-icon-margin-inline-end);overflow:visible;width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon>svg{fill:var(--color-font-button-secondary-base);height:var(--spacing-button-icon-size);width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon-r{margin-left:var(--spacing-button-icon-margin-inline-end);margin-right:0}.lds-button--xs>.lds-button--icon{margin-right:var(--spacing-button-xs-icon-margin-inline-end);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon>svg{height:var(--spacing-button-xs-icon-size);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon-r{margin-left:var(--spacing-button-xs-icon-margin-inline-end);margin-right:0}.lds-button--sm>.lds-button--icon,.lds-button--sm>.lds-button--icon>svg{width:var(--spacing-button-sm-icon-size)}.lds-button--sm>.lds-button--icon>svg{height:var(--spacing-button-sm-icon-size)}.lds-button--discreet{background-color:transparent;border-color:var(--color-border-button-secondary-discreet);border-width:1px;color:var(--color-font-button-secondary-discreet)}.lds-button--discreet>.lds-button--icon>svg{fill:var(--color-font-button-secondary-discreet)}.lds-button.primary{background-color:var(--color-background-button-primary-base);color:var(--color-font-button-primary-base)}.lds-button.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-base)}.lds-button--discreet.primary{background-color:transparent;border-color:var(--color-border-button-primary-discreet);border-width:1px;color:var(--color-font-button-primary-discreet)}.lds-button--discreet.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-discreet)}.lds-button.ok{background-color:var(--color-background-button-ok-base);color:var(--color-font-button-ok-base)}.lds-button.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-base)}.lds-button--discreet.ok{background-color:transparent;border-color:var(--color-border-button-ok-discreet);border-width:1px}.lds-button--discreet.ok,.lds-button--discreet.ok>.lds-button--icon{color:var(--color-font-button-ok-discreet)}.lds-button--discreet.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-discreet)}.lds-button.caution{background-color:var(--color-background-button-caution-base);color:var(--color-font-button-caution-base)}.lds-button.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-base)}.lds-button--discreet.caution{background-color:transparent;border-color:var(--color-border-button-caution-discreet);border-width:1px}.lds-button--discreet.caution,.lds-button--discreet.caution>.lds-button--icon{color:var(--color-font-button-caution-discreet)}.lds-button--discreet.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-discreet)}.lds-button:is(.danger,[type=reset]){background-color:var(--color-background-button-danger-base);color:var(--color-font-button-danger-base)}.lds-button:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-base)}.lds-button--discreet:is(.danger,[type=reset]){background-color:transparent;border-color:var(--color-border-button-danger-discreet);border-width:1px;color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon{color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-discreet)}.lds-button--loading{cursor:default}.lds-button--loading>.lds-button--spinner{display:none}.lds-button--loading>.lds-button--icon,.lds-button--loading>.lds-button--label{opacity:var(--opacity-disabled)}.lds-button--loading{pointer-events:none;position:relative}.lds-button--loading:after{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:0rem;--tw-gradient-to:#fff var(--tw-gradient-to-position);--tw-gradient-to-position:50%;animation:lds-button--loading 1.5s linear infinite;background-image:linear-gradient(to right,var(--tw-gradient-stops));content:"";height:100%;left:0;opacity:.1;position:absolute;top:0}.lds-button--discreet.lds-button--loading:after{--tw-gradient-to:var(--color-border-button-secondary-discreet) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.primary:after{--tw-gradient-to:var(--color-background-button-primary-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.ok:after{--tw-gradient-to:var(--color-background-button-ok-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.caution:after{--tw-gradient-to:var(--color-background-button-caution-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.danger:after{--tw-gradient-to:var(--color-background-button-danger-base) var(--tw-gradient-to-position)}@keyframes lds-button--loading{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}a.lds-button.disabled{pointer-events:none}.lds-button.disabled,.lds-button[disabled]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:default;opacity:var(--opacity-disabled)}.lds-button-bar{--half-block-padding:calc(var(--spacing-button-bar-padding-block)/2);--half-gap:calc(var(--spacing-button-bar-gap)/2);display:flex;flex-direction:column}@media (min-width:640px){.lds-button-bar{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.lds-button-bar{padding:var(--half-block-padding) var(--spacing-button-bar-padding-inline)}@media (min-width:640px){.lds-button-bar{padding-left:var(--spacing-button-bar-padding-inline-large);padding-right:var(--spacing-button-bar-padding-inline-large)}}.lds-button-bar>a,.lds-button-bar>button{margin-bottom:var(--half-block-padding);margin-left:0;margin-right:0;margin-top:var(--half-block-padding)}@media (min-width:640px){.lds-button-bar>a,.lds-button-bar>button{margin-left:var(--half-gap);margin-right:var(--half-gap)}.lds-button-bar>a:first-child,.lds-button-bar>button:first-child{margin-left:0}.lds-button-bar>a:last-child,.lds-button-bar>button:last-child{margin-right:0}.lds-button-bar--centered{display:flex;justify-content:center}}.lds-button-bar--stacked{flex-direction:column;flex-wrap:nowrap}.lds-button-bar--stacked a,.lds-button-bar--stacked>button{margin-left:0;margin-right:0}.lds-button-bar--b-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:0;margin-top:0}@media (min-width:640px){.lds-button-bar--b-grid{-moz-column-gap:var(--spacing-button-bar-gap);column-gap:var(--spacing-button-bar-gap)}}.lds-button-bar--b-grid>a,.lds-button-bar--b-grid>button{margin-left:0;margin-right:0}@media (min-width:640px){.lds-button-bar--grid---2{grid-template-columns:repeat(2,minmax(0,1fr))}.lds-button-bar--grid---3{grid-template-columns:repeat(3,minmax(0,1fr))}.lds-button-bar--grid---4{grid-template-columns:repeat(4,minmax(0,1fr))}.lds-button-bar--grid---5{grid-template-columns:repeat(5,minmax(0,1fr))}}.lds-input--wrapper{position:relative}.lds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-default);border-width:1px;width:100%}.lds-input:focus{outline:2px solid transparent;outline-offset:2px;z-index:10}.lds-input{-webkit-text-fill-color:var(--color-font-input-default);background-color:var(--color-background-input-default);border-color:var(--color-border-input-default);box-shadow:0 0 0 9999px var(--color-background-input-default) inset;caret-color:var(--alias-color-border-vivid);color:var(--color-font-input-default);height:var(--size-input-block-size);padding-left:var(--spacing-input-padding-inline);padding-right:var(--spacing-input-padding-inline);transition:border-color var(--transition-duration-default) var(--transition-easing-default)}.lds-input--with-icon>.lds-input{padding-right:var(--spacing-input-with-icon-padding-inline-end)}.lds-input:disabled{opacity:var(--opacity-disabled)}.lds-input:focus{-webkit-text-fill-color:var(--color-font-input-focus);background-color:var(--color-background-input-focus);border-color:var(--color-border-input-focus);color:var(--color-font-input-focus)}.lds-input[aria-invalid]{border-color:var(--color-border-input-invalid)}.lds-input::-moz-placeholder{opacity:var(--opacity-disabled)}.lds-input::placeholder{opacity:var(--opacity-disabled)}.lds-input+.lds-input--icon{position:absolute;right:var(--spacing-input-icon-inset-inline);top:var(--spacing-input-icon-inset-block);z-index:50}.lds-input+.lds-input--icon>svg{fill:var(--color-font-input-default)}.lds-input:disabled+.lds-input--icon>svg{opacity:var(--opacity-disabled)}.lds-input[aria-invalid]+.lds-input--icon>svg{fill:var(--color-border-input-invalid)}.lds-loading-indicator{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-loading-indicator>span{display:block;left:-50%;top:-50%}.lds-lozenge{--tw-text-opacity:1;background-color:var(--alias-color-text-primary);border-radius:var(--radius-sm);color:rgb(0 0 0/var(--tw-text-opacity));display:inline-block;font-size:var(--typography-size-xxs);font-weight:500;line-height:var(--typography-line-height-xxs);line-height:1rem;padding-bottom:0;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);padding-top:0}.lds-lozenge--md{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1.25rem}.lds-lozenge--lg{font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);line-height:1.5rem}.lds-lozenge--success{background-color:var(--alias-color-ok)}.lds-lozenge--error,.lds-lozenge--success{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--error{background-color:var(--alias-color-danger)}.lds-lozenge--warning{background-color:var(--alias-color-caution)}.lds-lozenge--primary,.lds-lozenge--warning{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--primary{background-color:var(--alias-color-brand-primary)}.lds-lozenge--uppercase{text-transform:uppercase}.lds-lozenge--capitalize{text-transform:capitalize}.lds-panel{width:100%}.lds-panel--content,.lds-panel--footer,.lds-panel--header{margin:0}.lds-panel--content,.lds-panel--footer:not(.lds-button-bar),.lds-panel--header{padding:var(--spacing-lg)}.lds-panel--header{background-color:var(--alias-color-background-block-header);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);text-align:center}.lds-panel--content{background-color:var(--alias-color-background-block-content)}.lds-panel--footer{background-color:var(--alias-color-background-block-footer)}@media (min-width:640px){.lds-panel--header{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);margin-top:var(--spacing-xl)}}.lds-panel--header{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}@media (min-width:640px){.lds-panel--header{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.lds-panel--content{padding:var(--spacing-xl)}.lds-panel--footer{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.lds-panel--footer:not(.lds-button-bar){padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.lds-panel--loading{position:relative}.lds-panel--footer,.lds-panel--header{opacity:1;transition:opacity var(--transition-duration-slow) var(--transition-easing-in-out)}.lds-panel--footer.lds-panel--loading,.lds-panel--header.lds-panel--loading{opacity:var(--opacity-disabled)}.lds-panel--loading-indicator{align-items:center;background-color:var(--alias-color-background-overlay-blocked);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-panel--loading-indicator svg{fill:var(--alias-color-text-tertiary)}.lds-panel--loading{pointer-events:none}.lds-panel--header:is(h2,h3,h4,h5,h6){margin-bottom:0;padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.lds-panel--header>h2,.lds-panel--header>h3,.lds-panel--header>h4,.lds-panel--header>h5,.lds-panel--header>h6{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm)}.lds-panel--header>p{margin-bottom:0}.lds-modal{align-items:center;background:var(--alias-color-background-overlay-popup);bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:50}.lds-modal--modal-content{flex-grow:1;max-width:28rem;width:100%}@media (min-width:640px){.lds-modal--modal-content{border-radius:var(--radius-xl)}}.lds-modal--modal-content{box-shadow:var(--shadow-xl);max-height:100vh;overflow-y:auto}.lds-modal--modal-content>header{margin:0;padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}@media (min-width:640px){.lds-modal--modal-content>header{margin:0}}.lds-modal--modal-content>header h3.lds-h1{margin-bottom:0;margin-top:0}.lds-modal--modal-content>header .lds-modal--sub-title{color:var(--alias-color-text-tertiary);margin-bottom:0;margin-top:var(--spacing-2)}.lds-modal--modal-content>footer{margin:0}@media (min-width:640px){.lds-modal--modal-content>footer{margin:0}}.lds-modal header.lds-panel--header>h3{margin-bottom:var(--spacing-lg);margin-top:0}.lds-modal header.lds-panel--header>h3:last-child{margin-bottom:0}.lds-modal.lds-modal--sm .lds-modal--modal-content{max-width:20rem}.lds-modal.lds-modal--lg .lds-modal--modal-content{max-width:48rem}.lds-modal.lds-modal--xl .lds-modal--modal-content{max-width:64rem}.lds-number-badge{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-side-nav{display:flex;flex-direction:column;gap:var(--spacing-side-nav-gap)}.lds-side-nav>.lds-side-nav-group:last-child:after{display:none}.lds-side-nav--compact{gap:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group{display:block}.lds-side-nav-group:after{--tw-content:"";border-bottom-width:1px;content:var(--tw-content);display:block;height:2px;margin-top:var(--spacing-side-nav-gap)}.lds-side-nav--compact .lds-side-nav-group:after{border-width:0;margin-top:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group--label{display:block;padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline) var(--spacing-side-nav-item-margin-block-end)}.lds-side-nav--compact .lds-side-nav-group--label{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-compact-item-padding-inline) var(--spacing-side-nav-compact-item-margin-block-end)}.lds-side-nav-item{border-radius:var(--radius-md);color:var(--color-font-side-nav-item-base-default);cursor:pointer;display:block;font-size:var(--typography-size-base);font-weight:500;line-height:var(--typography-line-height-base);line-height:1.25rem;margin-bottom:var(--spacing-side-nav-item-margin-block-end);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline);text-decoration-line:none!important}.lds-side-nav-item:last-child{margin-bottom:0}.lds-side-nav-item--external:after{content:" »"}.lds-side-nav-item--danger{color:var(--color-font-side-nav-item-base-danger)}.lds-side-nav-item--disabled{cursor:default;opacity:.5}.lds-side-nav-item--active{color:var(--color-font-side-nav-item-active-default);cursor:default}.lds-side-nav-item--active,.lds-side-nav-item:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-default)}.lds-side-nav-item--danger.lds-side-nav-item--active,.lds-side-nav-item--danger:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-danger);color:var(--color-font-side-nav-item-active-danger)}.lds-side-nav--compact .lds-side-nav-item{border-radius:0;font-weight:500;line-height:1rem;margin-bottom:var(--spacing-side-nav-compact-item-margin-block-end);padding-left:var(--spacing-side-nav-compact-item-padding-inline);padding-right:var(--spacing-side-nav-compact-item-padding-inline)}.lds-switch{--thumb-size:var(--spacing-switch-thumb-size);--thumb-color:var(--color-background-switch-thumb);--thumb-color-highlight:var(--color-background-switch-thumb-highlight);--track-size:calc(var(--thumb-size)*2);--track-padding:2px;--track-color-inactive:var(--color-background-switch-track-inactive);--track-color-active:var(--color-background-switch-track-active);--thumb-position:0%;--thumb-transition-duration:var(--transition-duration-default);--hover-highlight-size:0;align-items:center;color:var(--alias-color-text-accent);cursor:pointer;display:flex;font-weight:500;gap:2ch;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lds-switch>input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--track-color-inactive);border:none;border-radius:var(--track-size);box-sizing:content-box;display:grid;flex-shrink:0;grid:[track] 1fr/[track] 1fr;height:var(--thumb-size);outline-offset:5px;padding:var(--track-padding);pointer-events:none;transition:background-color var(--transition-duration-default) var(--transition-easing-default);width:var(--track-size)}.lds-switch>input:not(:disabled):hover:before{--hover-highlight-size:.3rem}.lds-switch>input:before{background:var(--thumb-color);border-radius:50%;box-shadow:0 0 0 var(--hover-highlight-size) var(--thumb-color-highlight);content:"";cursor:pointer;grid-area:track;height:var(--thumb-size);pointer-events:auto;transform:translateX(var(--thumb-position));transition:transform var(--thumb-transition-duration) var(--transition-easing-default),box-shadow var(--transition-duration-default) var(--transition-easing-default);width:var(--thumb-size)}.lds-switch>input:checked{--thumb-position:100%;background:var(--track-color-active)}.lds-switch>input:disabled{--track-color-inactive:var(--color-background-switch-track-inactive);--thumb-color:transparent}.lds-switch>input:disabled:before{box-shadow:var(--shadow-switch-thumb-disabled);cursor:not-allowed}.lds-switch>input:focus-visible{box-shadow:var(--shadow-switch-thumb-focused)}.lds-switch--disabled{cursor:not-allowed}.lds-tooltip{--tw-text-opacity:1;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tooltip-background-color:#000;background-color:var(--tooltip-background-color);border-radius:var(--radius-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);max-width:var(--spacing-96);opacity:.05;padding:var(--spacing-md);pointer-events:none;text-align:center;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:14}.lds-tooltip--visible{opacity:.8}.lds-tooltip--caret{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lds-tooltip[data-popper-placement*=bottom]>.lds-tooltip--caret{top:calc(var(--spacing-xs)*-1)}.lds-tooltip>.lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid var(--tooltip-background-color);border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:none;content:" ";display:block;height:0;left:-.375rem;position:absolute;top:-.141rem;width:0}.lds-tooltip[data-popper-placement*=right]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret{left:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:none;border-right:var(--spacing-1-5) solid var(--tooltip-background-color);border-top:var(--spacing-1-5) solid transparent;left:-.13rem;top:.75rem}.lds-tooltip[data-popper-placement*=left]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret{right:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:var(--spacing-1-5) solid var(--tooltip-background-color);border-right:none;border-top:var(--spacing-1-5) solid transparent;left:-.24rem;top:.75rem}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret{bottom:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret:after{border-bottom:none;border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:var(--spacing-1-5) solid var(--tooltip-background-color);top:-.24rem}
3
+ */*,:after,:before{border-color:var(--alias-color-border-default);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }:root{--typography-font-family-open-sans:"Open Sans",sans-serif;--typography-line-height-9xl:1;--typography-line-height-8xl:1;--typography-line-height-7xl:1;--typography-line-height-6xl:1;--typography-font-legacy:"Roboto","Helvetica","Arial",sans-serif;--typography-font-primary:"Open Sans",sans-serif;--transition-easing-in-out:ease-in-out;--transition-easing-default:ease;--transition-duration-slow:.75s;--transition-duration-default:.25s;--spacing-h4-basekick-baseline:0em;--spacing-h4-basekick-cap:0em;--spacing-h4-block-end:0rem;--spacing-h3-basekick-baseline:0em;--spacing-h3-basekick-cap:0em;--spacing-h3-block-end:0rem;--spacing-h2-caps-basekick-baseline:-0.11148em;--spacing-h2-caps-basekick-cap:-0.13628em;--spacing-h2-caps-block-end:0.27873rem;--spacing-h2-basekick-baseline:-0.08484em;--spacing-h2-basekick-cap:-0.10964em;--spacing-h2-block-end:0.2431rem;--spacing-h1-basekick-baseline:-0.6121em;--spacing-h1-basekick-cap:-0.6741em;--spacing-h1-block-end:1.9293rem;--spacing-9-5:2.375rem;--spacing-8-5:2.125rem;--spacing-7-5:1.875rem;--spacing-6-5:1.625rem;--spacing-5-5:1.375rem;--spacing-4-5:1.125rem;--spacing-3-5:0.875rem;--spacing-2-75:0.6875rem;--spacing-2-5:0.625rem;--spacing-2-25:0.5625rem;--spacing-1-75:0.4375rem;--spacing-1-5:0.375rem;--spacing-1-25:0.3125rem;--spacing-0-75:0.1875rem;--spacing-0-5:0.125rem;--spacing-0-25:0.0625rem;--spacing-96:24rem;--spacing-80:20rem;--spacing-72:18rem;--spacing-64:16rem;--spacing-60:15rem;--spacing-56:14rem;--spacing-52:13rem;--spacing-48:12rem;--spacing-44:11rem;--spacing-40:10rem;--spacing-36:9rem;--spacing-32:8rem;--spacing-28:7rem;--spacing-24:6rem;--spacing-20:5rem;--spacing-18:4.5rem;--spacing-16:4rem;--spacing-14:3.5rem;--spacing-12:3rem;--spacing-10:2.5rem;--spacing-9:2.25rem;--spacing-8:2rem;--spacing-7:1.75rem;--spacing-6:1.5rem;--spacing-5:1.25rem;--spacing-4:1rem;--spacing-3:0.75rem;--spacing-2:0.5rem;--spacing-1:0.25rem;--screen-width-max-xl:1535px;--screen-width-max-lg:1279px;--screen-width-max-md:1023px;--screen-width-max-sm:767px;--screen-width-max-xs:639px;--screen-width-min-2xl:1536px;--screen-width-min-xl:1280px;--screen-width-min-lg:1024px;--screen-width-min-md:768px;--screen-width-min-sm:640px;--opacity-disabled:0.5;--typography-font-header:var(--typography-font-family-open-sans);--typography-font-main:var(--typography-font-family-open-sans);--typography-heading-line-height-h5:var(--spacing-6);--typography-heading-size-h5:var(--spacing-2-5);--typography-line-height-5xl:var(--spacing-12);--typography-line-height-4xl:var(--spacing-12);--typography-line-height-3xl:var(--spacing-12);--typography-line-height-2xl:var(--spacing-6);--typography-line-height-xl:var(--spacing-6);--typography-line-height-lg:var(--spacing-6);--typography-line-height-base:var(--spacing-6);--typography-line-height-sm:var(--spacing-6);--typography-line-height-xs:var(--spacing-6);--typography-line-height-xxs:var(--spacing-6);--typography-size-9xl:var(--spacing-18);--typography-size-8xl:var(--spacing-16);--typography-size-7xl:var(--spacing-12);--typography-size-6xl:var(--spacing-10);--typography-size-5xl:var(--spacing-9);--typography-size-4xl:var(--spacing-8);--typography-size-3xl:var(--spacing-6);--typography-size-2xl:var(--spacing-5);--typography-size-xl:var(--spacing-4-5);--typography-size-lg:var(--spacing-4);--typography-size-base:var(--spacing-3-5);--typography-size-sm:var(--spacing-3);--typography-size-xs:var(--spacing-2-75);--typography-size-xxs:var(--spacing-2);--spacing-p-block-end:var(--spacing-4);--spacing-3xl:var(--spacing-10);--spacing-2xl:var(--spacing-8);--spacing-xl:var(--spacing-6);--spacing-lg:var(--spacing-4);--spacing-md:var(--spacing-3);--spacing-sm:var(--spacing-2);--spacing-xs:var(--spacing-1);--spacing-xxs:var(--spacing-0-5);--radius-3xl:var(--spacing-6);--radius-2xl:var(--spacing-4);--radius-xl:var(--spacing-3);--radius-lg:var(--spacing-2);--radius-md:var(--spacing-1-5);--radius-default:var(--spacing-1);--radius-sm:var(--spacing-0-5);--typography-heading-line-height-h4:var(--typography-line-height-base);--typography-heading-line-height-h3:var(--typography-line-height-base);--typography-heading-line-height-h2-caps:var(--typography-line-height-xl);--typography-heading-line-height-h2:var(--typography-line-height-2xl);--typography-heading-line-height-h1:var(--typography-line-height-3xl);--typography-heading-size-h4:var(--typography-size-base);--typography-heading-size-h3:var(--typography-size-base);--typography-heading-size-h2-caps:var(--typography-size-xl);--typography-heading-size-h2:var(--typography-size-xl);--typography-heading-size-h1:var(--typography-size-2xl);--hues-blue-green-lightness:39%;--hues-blue-green-saturation:59%;--hues-blue-green-hue:172;--hues-bright-green-lightness:60%;--hues-bright-green-saturation:60%;--hues-bright-green-hue:110;--hues-green-lightness:40%;--hues-green-saturation:60%;--hues-green-hue:138;--hues-orange-lightness:57.84%;--hues-orange-saturation:100%;--hues-orange-hue:31.81;--hues-red-lightness:50%;--hues-red-saturation:60%;--hues-red-hue:359;--hues-blue-lightness:52%;--hues-blue-saturation:60%;--hues-blue-hue:206;--color-translucent-light-50:hsla(0,0%,100%,.5);--color-translucent-light-25:hsla(0,0%,100%,.25);--color-translucent-light-15:hsla(0,0%,100%,.15);--color-translucent-light-10:hsla(0,0%,100%,.1);--color-translucent-dark-05:rgba(0,0,0,.05);--color-translucent-dark-60:rgba(0,0,0,.4);--color-translucent-dark-40:rgba(0,0,0,.4);--color-translucent-dark-25:rgba(0,0,0,.25);--color-translucent-dark-15:rgba(0,0,0,.15);--color-translucent-dark-10:rgba(0,0,0,.1);--color-black:#000;--color-white:#fff;--color-blue-gray-230:#373a3f;--color-blue-gray-170:#272a2f;--color-blue-gray-150:#23262a;--color-blue-gray-130:#1e2124;--shadow-inner:inset 0 2px 4px 0 var(--color-translucent-dark-05);--shadow-2xl:0 25px 50px -12px var(--color-translucent-dark-25),0 0 1px 0 var(--color-translucent-dark-25);--shadow-xl:0 20px 25px -5px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-lg:0 10px 15px -3px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-md:0 4px 6px -1px var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-25);--shadow-default:0 1px 3px 0 var(--color-translucent-dark-10),0 0 1px 0 var(--color-translucent-dark-10);--shadow-sm:0 0 0 2px var(--color-translucent-dark-05),0 0 1px 0 var(--color-translucent-dark-10);--hues-blue-gray-hue:var(--hues-blue-hue);--color-blue-green-600:hsl(var(--hues-blue-green-hue),var(--hues-blue-green-saturation),var(--hues-blue-green-lightness));--color-bright-green-600:hsl(var(--hues-bright-green-hue),var(--hues-bright-green-saturation),var(--hues-bright-green-lightness));--color-green-400:hsl(var(--hues-green-hue),var(--hues-green-saturation),var(--hues-green-lightness));--color-orange-600:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),var(--hues-orange-lightness));--color-orange-400:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),40%);--color-red-600:hsl(var(--hues-red-hue),var(--hues-red-saturation),var(--hues-red-lightness));--color-blue-600:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),60%);--color-blue-500:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),var(--hues-blue-lightness));--color-blue-green-default:var(--color-blue-green-600);--color-bright-green-default:var(--color-bright-green-600);--color-green-default:var(--color-green-400);--color-orange-default:var(--color-orange-600);--color-red-default:var(--color-red-600);--color-blue-gray-980:hsl(var(--hues-blue-gray-hue),15%,98%);--color-blue-gray-950:hsl(var(--hues-blue-gray-hue),13%,95%);--color-blue-gray-900:hsl(var(--hues-blue-gray-hue),15%,90%);--color-blue-gray-850:hsl(var(--hues-blue-gray-hue),15%,85%);--color-blue-gray-800:hsl(var(--hues-blue-gray-hue),10%,80%);--color-blue-gray-750:hsl(var(--hues-blue-gray-hue),5%,75%);--color-blue-gray-700:hsl(var(--hues-blue-gray-hue),5%,70%);--color-blue-gray-650:hsl(var(--hues-blue-gray-hue),5%,65%);--color-blue-gray-600:hsl(var(--hues-blue-gray-hue),6%,60%);--color-blue-gray-550:hsl(var(--hues-blue-gray-hue),6%,55%);--color-blue-gray-450:hsl(var(--hues-blue-gray-hue),6%,45%);--color-blue-gray-350:hsl(var(--hues-blue-gray-hue),6%,35%);--color-blue-gray-200:hsl(var(--hues-blue-gray-hue),9%,20%);--color-blue-default:var(--color-blue-500);--color-blue-gray-default:var(--color-blue-gray-450);--alias-color-background-highlight-25:var(--color-translucent-light-25);--alias-color-background-highlight-15:var(--color-translucent-light-15);--alias-color-background-highlight-10:var(--color-translucent-light-10);--alias-color-background-overlay-popup:var(--color-translucent-dark-60);--alias-color-background-overlay-blocked:var(--color-translucent-dark-40);--alias-color-background-elevation-negative:var(--color-translucent-dark-40);--alias-color-background-quinary:var(--color-blue-gray-170);--alias-color-background-tertiary:var(--color-blue-gray-230);--alias-color-background-secondary:var(--color-blue-gray-150);--alias-color-background-base:var(--color-blue-gray-130);--alias-color-border-vivid:var(--color-white);--alias-color-border-weak:var(--color-blue-gray-230);--alias-color-text-accent:var(--color-white);--alias-color-font-table-header-base:var(--alias-color-text-accent);--alias-color-background-block-footer:var(--alias-color-background-secondary);--alias-color-background-block-content:var(--alias-color-background-quinary);--alias-color-background-block-header:var(--alias-color-background-secondary);--alias-color-info:var(--color-blue-500);--alias-color-caution-dark:var(--color-orange-400);--alias-color-font-table-cell-active:var(--color-blue-green-default);--alias-color-background-quarternary:var(--color-blue-gray-200);--alias-color-ok:var(--color-green-default);--alias-color-caution:var(--color-orange-default);--alias-color-danger:var(--color-red-default);--alias-color-border-focus:var(--color-blue-default);--alias-color-border-strong:var(--color-blue-gray-550);--alias-color-border-default:var(--color-blue-gray-350);--alias-color-text-quarternary:var(--color-blue-gray-850);--alias-color-text-tertiary:var(--color-blue-gray-650);--alias-color-text-secondary:var(--color-blue-gray-350);--alias-color-text-primary:var(--color-blue-gray-600);--alias-color-brand-primary:var(--color-blue-default);--alias-color-font-table-cell-link:var(--alias-color-brand-primary);--alias-color-font-table-cell-danger:var(--alias-color-danger);--alias-color-font-table-cell-caution:var(--alias-color-caution);--alias-color-font-table-cell-secondary:var(--alias-color-text-secondary);--alias-color-font-table-cell-primary:var(--alias-color-text-primary);--alias-color-font-link:var(--alias-color-brand-primary)}body.light,html.light{--alias-color-brand-primary:#3b8ece;--alias-color-text-primary:#858d93;--alias-color-text-secondary:#bcc0c2;--alias-color-text-tertiary:#6c747a;--alias-color-text-quarternary:#545a5f;--alias-color-text-accent:#000;--alias-color-border-weak:#d3dade;--alias-color-border-default:#a1a6aa;--alias-color-border-strong:#6c747a;--alias-color-border-vivid:#000;--alias-color-border-focus:#3b8ece;--alias-color-danger:#cc3336;--alias-color-caution:#ff9a28;--alias-color-caution-dark:#cc6c00;--alias-color-ok:#29a34e;--alias-color-info:#3b8ece;--alias-color-background-base:#f1f2f4;--alias-color-background-secondary:#f9fafb;--alias-color-background-tertiary:#e2e6e9;--alias-color-background-quarternary:#d3dade;--alias-color-background-quinary:#f1f2f4;--alias-color-background-elevation-negative:rgba(0,0,0,.1);--alias-color-background-overlay-blocked:hsla(0,0%,100%,.5);--alias-color-background-overlay-popup:rgba(0,0,0,.25);--alias-color-background-highlight-10:rgba(0,0,0,.1);--alias-color-background-highlight-15:rgba(0,0,0,.15);--alias-color-background-highlight-25:rgba(0,0,0,.05);--alias-color-background-block-header:#f9fafb;--alias-color-background-block-content:#f1f2f4;--alias-color-background-block-footer:#f9fafb;--alias-color-font-link:#3b8ece;--alias-color-font-table-header-base:#000;--alias-color-font-table-cell-primary:#858d93;--alias-color-font-table-cell-secondary:#bcc0c2;--alias-color-font-table-cell-active:#299e8e;--alias-color-font-table-cell-caution:#ff9a28;--alias-color-font-table-cell-danger:#cc3336;--alias-color-font-table-cell-link:#3b8ece}:root{--spacing-switch-thumb-size:20px;--spacing-side-nav-compact-item-margin-block-end:0;--shadow-switch-thumb-focused:0 0 0 2px var(--alias-color-brand-primary);--size-input-block-size:var(--spacing-10);--size-button-sm-height:var(--spacing-8);--size-button-xs-height:var(--spacing-6-5);--size-button-height:var(--spacing-10);--spacing-input-icon-inset-block:var(--spacing-2-5);--spacing-input-icon-inset-inline:var(--spacing-2-5);--spacing-input-with-icon-inline-end:var(--spacing-10);--spacing-button-sm-icon-size:var(--spacing-4);--spacing-button-xs-icon-size:var(--spacing-3-5);--spacing-button-icon-size:var(--spacing-5);--spacing-button-sm-padding-y:var(--spacing-0-75);--spacing-button-xs-padding-y:var(--spacing-1);--color-font-side-nav-item-active-danger:var(--color-white);--color-background-switch-thumb:var(--color-white);--spacing-side-nav-compact-item-padding-inline:var(--spacing-lg);--spacing-side-nav-item-margin-block-end:var(--spacing-xxs);--spacing-side-nav-item-padding-block:var(--spacing-xs);--spacing-side-nav-item-padding-inline:var(--spacing-md);--spacing-side-nav-compact-gap:var(--spacing-xxs);--spacing-side-nav-gap:var(--spacing-sm);--spacing-input-padding-inline:var(--spacing-md);--spacing-button-bar-padding-block:var(--spacing-lg);--spacing-button-bar-padding-inline-large:var(--spacing-xl);--spacing-button-bar-padding-inline:var(--spacing-lg);--spacing-button-xs-icon-margin-inline-end:var(--spacing-sm);--spacing-button-icon-margin-inline-end:var(--spacing-md);--spacing-button-sm-padding-x:var(--spacing-md);--spacing-button-xs-padding-x:var(--spacing-sm);--spacing-button-padding-y:var(--spacing-xs);--spacing-button-padding-x:var(--spacing-lg);--shadow-switch-thumb-disabled:inset 0 0 0 2px var(--alias-color-background-overlay-blocked);--radius-button-xs:var(--radius-md);--radius-button-sm:var(--radius-md);--radius-button:var(--radius-default);--color-font-side-nav-item-active-default:var(--alias-color-text-accent);--color-font-input-focus:var(--alias-color-text-accent);--color-background-switch-thumb-highlight:var(--alias-color-background-highlight-25);--spacing-button-bar-gap:var(--spacing-button-bar-padding-block);--color-font-button-danger-base:var(--color-blue-gray-900);--color-font-button-caution-base:var(--color-blue-gray-900);--color-font-button-ok-base:var(--color-blue-gray-900);--color-font-button-primary-base:var(--color-blue-gray-900);--color-background-switch-track-active:var(--color-bright-green-default);--color-background-button-caution-base:var(--alias-color-caution-dark);--color-border-side-nav-group:var(--alias-color-border-weak);--color-border-input-invalid:var(--alias-color-danger);--color-border-input-focus:var(--alias-color-border-focus);--color-border-input-default:var(--alias-color-border-weak);--color-border-button-danger-discreet:var(--alias-color-danger);--color-border-button-caution-discreet:var(--alias-color-caution);--color-border-button-ok-discreet:var(--alias-color-ok);--color-border-button-secondary-discreet:var(--alias-color-border-strong);--color-border-button-primary-discreet:var(--alias-color-brand-primary);--color-font-side-nav-item-base-danger:var(--alias-color-danger);--color-font-side-nav-item-base-default:var(--alias-color-text-primary);--color-font-input-placeholder:var(--alias-color-text-secondary);--color-font-input-default:var(--alias-color-text-tertiary);--color-font-button-danger-discreet:var(--alias-color-danger);--color-font-button-caution-discreet:var(--alias-color-caution);--color-font-button-ok-discreet:var(--alias-color-ok);--color-font-button-secondary-discreet:var(--alias-color-text-tertiary);--color-font-button-secondary-base:var(--alias-color-text-quarternary);--color-font-button-primary-discreet:var(--alias-color-brand-primary);--color-background-switch-track-inactive:var(--alias-color-background-tertiary);--color-background-side-nav-item-active-danger:var(--alias-color-danger);--color-background-side-nav-item-active-default:var(--alias-color-background-tertiary);--color-background-input-focus:var(--alias-color-background-quarternary);--color-background-input-default:var(--alias-color-background-base);--color-background-button-danger-base:var(--alias-color-danger);--color-background-button-ok-base:var(--alias-color-ok);--color-background-button-secondary-base:var(--alias-color-background-quarternary);--color-background-button-primary-base:var(--alias-color-brand-primary)}.lds-icon{display:inline-block}.lds-icon--svg svg{height:100%;max-width:inherit;min-width:inherit;width:100%}.lds-icon--svg.sm{height:1.125rem;width:1.125rem}.lds-icon--svg,.lds-icon--svg.md{height:var(--spacing-5);width:var(--spacing-5)}.lds-icon--svg.lg{height:var(--spacing-6);width:var(--spacing-6)}.lds-icon--svg.xl{height:var(--spacing-7);width:var(--spacing-7)}.lds-icon--svg.xxl{height:var(--spacing-8);width:var(--spacing-8)}.lds-icon--svg.xxxl{height:var(--spacing-12);width:var(--spacing-12)}.lds-icon--svg.xxxxl{height:var(--spacing-16);width:var(--spacing-16)}.lds-icon--svg.xxxxxl{height:var(--spacing-20);width:var(--spacing-20)}.lds-icon--svg.xxxxxxl{height:var(--spacing-24);width:var(--spacing-24)}.lds-icon--svg>svg{fill:var(--alias-color-text-primary)}.lds-icon--svg.accent>svg{fill:var(--alias-color-text-accent)}.lds-icon--svg.black>svg{fill:var(--color-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-white)}.lds-icon--svg.primary>svg{fill:var(--color-blue-default)}.lds-icon--svg.ok>svg{fill:var(--color-background-button-ok-base)}.lds-icon--svg.info>svg{fill:var(--color-background-button-info-base)}.lds-icon--svg.caution>svg{fill:var(--color-background-button-caution-base)}.lds-icon--svg.danger>svg{fill:var(--color-background-button-danger-base)}.lds-only-aria{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.lds-badge{background-color:var(--alias-color-text-primary);border-radius:var(--radius-default);display:inline-block;height:var(--spacing-sm);padding:0;vertical-align:super;width:var(--spacing-sm)}.lds-badge--md{border-radius:var(--radius-md);height:var(--spacing-md);width:var(--spacing-md)}.lds-badge--lg{border-radius:var(--radius-lg);height:var(--spacing-lg);width:var(--spacing-lg)}.lds-badge--success{background-color:var(--alias-color-ok)}.lds-badge--error{background-color:var(--alias-color-danger)}.lds-badge--warning{background-color:var(--alias-color-caution)}.lds-badge--primary{background-color:var(--alias-color-brand-primary)}a.lds-button{display:inline-block;text-align:center;text-decoration-line:none}.lds-button{background-color:var(--color-background-button-secondary-base);border-color:transparent;border-radius:var(--radius-default);border-width:1px;color:var(--color-font-button-secondary-base);font-family:var(--typography-font-main);font-size:var(--typography-size-base);height:var(--size-button-height);line-height:var(--typography-line-height-base);padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);transition:background-color var(--transition-duration-default) var(--transition-easing-default)}.lds-button--sm,.lds-button--xs{border-radius:var(--radius-md);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm)}.lds-button--xs{height:var(--size-button-xs-height);line-height:1rem;padding:var(--spacing-button-xs-padding-y) var(--spacing-button-xs-padding-x)}.lds-button--sm{height:var(--size-button-sm-height);padding:var(--spacing-button-sm-padding-y) var(--spacing-button-sm-padding-x)}.lds-button--uppercase{text-transform:uppercase}.lds-button--capitalize{text-transform:capitalize}.lds-button>.lds-button--icon{height:var(--spacing-lg);margin-left:0;margin-right:var(--spacing-button-icon-margin-inline-end);overflow:visible;width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon>svg{fill:var(--color-font-button-secondary-base);height:var(--spacing-button-icon-size);width:var(--spacing-button-icon-size)}.lds-button>.lds-button--icon-r{margin-left:var(--spacing-button-icon-margin-inline-end);margin-right:0}.lds-button--xs>.lds-button--icon{margin-right:var(--spacing-button-xs-icon-margin-inline-end);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon>svg{height:var(--spacing-button-xs-icon-size);width:var(--spacing-button-xs-icon-size)}.lds-button--xs>.lds-button--icon-r{margin-left:var(--spacing-button-xs-icon-margin-inline-end);margin-right:0}.lds-button--sm>.lds-button--icon,.lds-button--sm>.lds-button--icon>svg{width:var(--spacing-button-sm-icon-size)}.lds-button--sm>.lds-button--icon>svg{height:var(--spacing-button-sm-icon-size)}.lds-button--discreet{background-color:transparent;border-color:var(--color-border-button-secondary-discreet);border-width:1px;color:var(--color-font-button-secondary-discreet)}.lds-button--discreet>.lds-button--icon>svg{fill:var(--color-font-button-secondary-discreet)}.lds-button.primary{background-color:var(--color-background-button-primary-base);color:var(--color-font-button-primary-base)}.lds-button.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-base)}.lds-button--discreet.primary{background-color:transparent;border-color:var(--color-border-button-primary-discreet);border-width:1px;color:var(--color-font-button-primary-discreet)}.lds-button--discreet.primary>.lds-button--icon>svg{fill:var(--color-font-button-primary-discreet)}.lds-button.ok{background-color:var(--color-background-button-ok-base);color:var(--color-font-button-ok-base)}.lds-button.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-base)}.lds-button--discreet.ok{background-color:transparent;border-color:var(--color-border-button-ok-discreet);border-width:1px}.lds-button--discreet.ok,.lds-button--discreet.ok>.lds-button--icon{color:var(--color-font-button-ok-discreet)}.lds-button--discreet.ok>.lds-button--icon>svg{fill:var(--color-font-button-ok-discreet)}.lds-button.caution{background-color:var(--color-background-button-caution-base);color:var(--color-font-button-caution-base)}.lds-button.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-base)}.lds-button--discreet.caution{background-color:transparent;border-color:var(--color-border-button-caution-discreet);border-width:1px}.lds-button--discreet.caution,.lds-button--discreet.caution>.lds-button--icon{color:var(--color-font-button-caution-discreet)}.lds-button--discreet.caution>.lds-button--icon>svg{fill:var(--color-font-button-caution-discreet)}.lds-button:is(.danger,[type=reset]){background-color:var(--color-background-button-danger-base);color:var(--color-font-button-danger-base)}.lds-button:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-base)}.lds-button--discreet:is(.danger,[type=reset]){background-color:transparent;border-color:var(--color-border-button-danger-discreet);border-width:1px;color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon{color:var(--color-font-button-danger-discreet)}.lds-button--discreet:is(.danger,[type=reset])>.lds-button--icon>svg{fill:var(--color-font-button-danger-discreet)}.lds-button--loading{cursor:default}.lds-button--loading>.lds-button--spinner{display:none}.lds-button--loading>.lds-button--icon,.lds-button--loading>.lds-button--label{opacity:var(--opacity-disabled)}.lds-button--loading{pointer-events:none;position:relative}.lds-button--loading:after{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-from-position:0rem;--tw-gradient-to:#fff var(--tw-gradient-to-position);--tw-gradient-to-position:50%;animation:lds-button--loading 1.5s linear infinite;background-image:linear-gradient(to right,var(--tw-gradient-stops));content:"";height:100%;left:0;opacity:.1;position:absolute;top:0}.lds-button--discreet.lds-button--loading:after{--tw-gradient-to:var(--color-border-button-secondary-discreet) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.primary:after{--tw-gradient-to:var(--color-background-button-primary-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.ok:after{--tw-gradient-to:var(--color-background-button-ok-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.caution:after{--tw-gradient-to:var(--color-background-button-caution-base) var(--tw-gradient-to-position)}.lds-button--discreet.lds-button--loading.danger:after{--tw-gradient-to:var(--color-background-button-danger-base) var(--tw-gradient-to-position)}@keyframes lds-button--loading{0%{left:0;width:0}50%{left:25%;width:75%}75%{left:100%;width:0}}a.lds-button.disabled{pointer-events:none}.lds-button.disabled,.lds-button[disabled]{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:default;opacity:var(--opacity-disabled)}.lds-button-bar{--half-block-padding:calc(var(--spacing-button-bar-padding-block)/2);--half-gap:calc(var(--spacing-button-bar-gap)/2);display:flex;flex-direction:column}@media (min-width:640px){.lds-button-bar{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.lds-button-bar{padding:var(--half-block-padding) var(--spacing-button-bar-padding-inline)}@media (min-width:640px){.lds-button-bar{padding-left:var(--spacing-button-bar-padding-inline-large);padding-right:var(--spacing-button-bar-padding-inline-large)}}.lds-button-bar>a,.lds-button-bar>button{margin-bottom:var(--half-block-padding);margin-left:0;margin-right:0;margin-top:var(--half-block-padding)}@media (min-width:640px){.lds-button-bar>a,.lds-button-bar>button{margin-left:var(--half-gap);margin-right:var(--half-gap)}.lds-button-bar>a:first-child,.lds-button-bar>button:first-child{margin-left:0}.lds-button-bar>a:last-child,.lds-button-bar>button:last-child{margin-right:0}.lds-button-bar--centered{display:flex;justify-content:center}}.lds-button-bar--stacked{flex-direction:column;flex-wrap:nowrap}.lds-button-bar--stacked a,.lds-button-bar--stacked>button{margin-left:0;margin-right:0}.lds-button-bar--b-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:0;margin-top:0}@media (min-width:640px){.lds-button-bar--b-grid{-moz-column-gap:var(--spacing-button-bar-gap);column-gap:var(--spacing-button-bar-gap)}}.lds-button-bar--b-grid>a,.lds-button-bar--b-grid>button{margin-left:0;margin-right:0}@media (min-width:640px){.lds-button-bar--grid---2{grid-template-columns:repeat(2,minmax(0,1fr))}.lds-button-bar--grid---3{grid-template-columns:repeat(3,minmax(0,1fr))}.lds-button-bar--grid---4{grid-template-columns:repeat(4,minmax(0,1fr))}.lds-button-bar--grid---5{grid-template-columns:repeat(5,minmax(0,1fr))}}.lds-input--wrapper{position:relative}.lds-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-default);border-width:1px;width:100%}.lds-input:focus{outline:2px solid transparent;outline-offset:2px;z-index:10}.lds-input{-webkit-text-fill-color:var(--color-font-input-default);background-color:var(--color-background-input-default);border-color:var(--color-border-input-default);box-shadow:0 0 0 9999px var(--color-background-input-default) inset;caret-color:var(--alias-color-border-vivid);color:var(--color-font-input-default);height:var(--size-input-block-size);padding-left:var(--spacing-input-padding-inline);padding-right:var(--spacing-input-padding-inline);transition:border-color var(--transition-duration-default) var(--transition-easing-default)}.lds-input--with-icon>.lds-input{padding-right:var(--spacing-input-with-icon-padding-inline-end)}.lds-input:disabled{opacity:var(--opacity-disabled)}.lds-input:focus{-webkit-text-fill-color:var(--color-font-input-focus);background-color:var(--color-background-input-focus);border-color:var(--color-border-input-focus);color:var(--color-font-input-focus)}.lds-input[aria-invalid]{border-color:var(--color-border-input-invalid)}.lds-input::-moz-placeholder{opacity:var(--opacity-disabled)}.lds-input::placeholder{opacity:var(--opacity-disabled)}.lds-input+.lds-input--icon{position:absolute;right:var(--spacing-input-icon-inset-inline);top:var(--spacing-input-icon-inset-block);z-index:50}.lds-input+.lds-input--icon>svg{fill:var(--color-font-input-default)}.lds-input:disabled+.lds-input--icon>svg{opacity:var(--opacity-disabled)}.lds-input[aria-invalid]+.lds-input--icon>svg{fill:var(--color-border-input-invalid)}.lds-loading-indicator{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-loading-indicator>span{display:block;left:-50%;top:-50%}.lds-lozenge{--tw-text-opacity:1;background-color:var(--alias-color-text-primary);border-radius:var(--radius-sm);color:rgb(0 0 0/var(--tw-text-opacity));display:inline-block;font-size:var(--typography-size-xxs);font-weight:500;line-height:var(--typography-line-height-xxs);line-height:1rem;padding-bottom:0;padding-left:var(--spacing-sm);padding-right:var(--spacing-sm);padding-top:0}.lds-lozenge--md{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1.25rem}.lds-lozenge--lg{font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);line-height:1.5rem}.lds-lozenge--success{background-color:var(--alias-color-ok)}.lds-lozenge--error,.lds-lozenge--success{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--error{background-color:var(--alias-color-danger)}.lds-lozenge--warning{background-color:var(--alias-color-caution)}.lds-lozenge--primary,.lds-lozenge--warning{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-lozenge--primary{background-color:var(--alias-color-brand-primary)}.lds-lozenge--uppercase{text-transform:uppercase}.lds-lozenge--capitalize{text-transform:capitalize}.lds-panel{width:100%}.lds-panel--content,.lds-panel--footer,.lds-panel--header{margin:0}.lds-panel--content,.lds-panel--footer:not(.lds-button-bar),.lds-panel--header{padding:var(--spacing-lg)}.lds-panel--header{background-color:var(--alias-color-background-block-header);font-size:var(--typography-size-sm);line-height:var(--typography-line-height-sm);text-align:center}.lds-panel--content{background-color:var(--alias-color-background-block-content)}.lds-panel--footer{background-color:var(--alias-color-background-block-footer)}@media (min-width:640px){.lds-panel--header{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);margin-top:var(--spacing-xl)}}.lds-panel--header{padding-bottom:var(--spacing-2xl);padding-top:var(--spacing-2xl)}@media (min-width:640px){.lds-panel--header{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.lds-panel--content{padding:var(--spacing-xl)}.lds-panel--footer{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);margin-bottom:var(--spacing-xl)}.lds-panel--footer:not(.lds-button-bar){padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.lds-panel--loading{position:relative}.lds-panel--footer,.lds-panel--header{opacity:1;transition:opacity var(--transition-duration-slow) var(--transition-easing-in-out)}.lds-panel--footer.lds-panel--loading,.lds-panel--header.lds-panel--loading{opacity:var(--opacity-disabled)}.lds-panel--loading-indicator{align-items:center;background-color:var(--alias-color-background-overlay-blocked);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.lds-panel--loading-indicator svg{fill:var(--alias-color-text-tertiary)}.lds-panel--loading{pointer-events:none}.lds-panel--header:is(h2,h3,h4,h5,h6){margin-bottom:0;padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.lds-panel--header>h2,.lds-panel--header>h3,.lds-panel--header>h4,.lds-panel--header>h5,.lds-panel--header>h6{margin-bottom:var(--spacing-xl);margin-top:var(--spacing-sm)}.lds-panel--header>p{margin-bottom:0}.lds-modal{align-items:center;background:var(--alias-color-background-overlay-popup);bottom:0;display:flex;justify-content:center;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:50}.lds-modal--modal-content{flex-grow:1;max-width:28rem;width:100%}@media (min-width:640px){.lds-modal--modal-content{border-radius:var(--radius-xl)}}.lds-modal--modal-content{box-shadow:var(--shadow-xl);max-height:100vh;overflow-y:auto}.lds-modal--modal-content>header{margin:0;padding-bottom:var(--spacing-xl);padding-top:var(--spacing-xl)}@media (min-width:640px){.lds-modal--modal-content>header{margin:0}}.lds-modal--modal-content>header h3.lds-h1{margin-bottom:0;margin-top:0}.lds-modal--modal-content>header .lds-modal--sub-title{color:var(--alias-color-text-tertiary);margin-bottom:0;margin-top:var(--spacing-2)}.lds-modal--modal-content>footer{margin:0}@media (min-width:640px){.lds-modal--modal-content>footer{margin:0}}.lds-modal header.lds-panel--header>h3{margin-bottom:var(--spacing-lg);margin-top:0}.lds-modal header.lds-panel--header>h3:last-child{margin-bottom:0}.lds-modal.lds-modal--sm .lds-modal--modal-content{max-width:20rem}.lds-modal.lds-modal--lg .lds-modal--modal-content{max-width:48rem}.lds-modal.lds-modal--xl .lds-modal--modal-content{max-width:64rem}.lds-notification--wrapper:not(.lds-notification--inline){position:sticky;top:var(--spacing-sm)}.lds-notification--alert{align-items:flex-start;display:flex;flex-direction:row;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs)}@media (min-width:640px){.lds-notification--alert{padding-left:var(--spacing-xs);padding-right:var(--spacing-sm)}}.lds-notification--alert h5{font-weight:700;margin-bottom:var(--spacing-sm)}.lds-notification--alert>span:first-child{flex-shrink:0}.lds-notification--inline .lds-notification--alert{border-left-width:2px;padding-bottom:0;padding-top:0}.lds-notification--alert>div,.lds-notification--alert>span{margin:var(--spacing-xs)}.lds-notification--alert>div{flex-grow:1;margin-bottom:var(--spacing-xs);margin-top:var(--spacing-xs);padding-top:var(--spacing-xxs)}.lds-notification--alert>button{display:flex;margin-top:var(--spacing-1-5);opacity:.5;transition-duration:75ms;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.lds-notification--alert p{margin-bottom:0}.lds-notification--closable{border-radius:var(--radius-md);cursor:pointer}.lds-notification--alert button:hover{opacity:1}.lds-notification--wrapper:not(.lds-notification--inline){--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);z-index:30}.lds-notification--wrapper:not(.lds-notification--inline),.lds-notification--wrapper:not(.lds-notification--inline) a{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.lds-notification--wrapper:not(.lds-notification--inline) .lds-notification--alert span svg{fill:var(--color-white)}.lds-notification--info:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-brand-primary)}.lds-notification--info.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-brand-primary);color:var(--alias-color-brand-primary)}.lds-notification--info.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-brand-primary)}.lds-notification--success:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-ok)}.lds-notification--success.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-ok);color:var(--alias-color-ok)}.lds-notification--success.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-ok)}.lds-notification--error:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-danger)}.lds-notification--error.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-danger);color:var(--alias-color-danger)}.lds-notification--error.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-danger)}.lds-notification--warning:not(.lds-notification--inline) .lds-notification--alert{background-color:var(--alias-color-caution)}.lds-notification--warning.lds-notification--inline .lds-notification--alert{border-color:var(--alias-color-caution);color:var(--alias-color-caution)}.lds-notification--warning.lds-notification--inline .lds-notification--alert span svg{fill:var(--alias-color-caution)}.lds-number-badge{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);line-height:1rem}.lds-side-nav{display:flex;flex-direction:column;gap:var(--spacing-side-nav-gap)}.lds-side-nav>.lds-side-nav-group:last-child:after{display:none}.lds-side-nav--compact{gap:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group{display:block}.lds-side-nav-group:after{--tw-content:"";border-bottom-width:1px;content:var(--tw-content);display:block;height:2px;margin-top:var(--spacing-side-nav-gap)}.lds-side-nav--compact .lds-side-nav-group:after{border-width:0;margin-top:var(--spacing-side-nav-compact-gap)}.lds-side-nav-group--label{display:block;padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline) var(--spacing-side-nav-item-margin-block-end)}.lds-side-nav--compact .lds-side-nav-group--label{font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-compact-item-padding-inline) var(--spacing-side-nav-compact-item-margin-block-end)}.lds-side-nav-item{border-radius:var(--radius-md);color:var(--color-font-side-nav-item-base-default);cursor:pointer;display:block;font-size:var(--typography-size-base);font-weight:500;line-height:var(--typography-line-height-base);line-height:1.25rem;margin-bottom:var(--spacing-side-nav-item-margin-block-end);padding:var(--spacing-side-nav-item-padding-block) var(--spacing-side-nav-item-padding-inline);text-decoration-line:none!important}.lds-side-nav-item:last-child{margin-bottom:0}.lds-side-nav-item--external:after{content:" »"}.lds-side-nav-item--danger{color:var(--color-font-side-nav-item-base-danger)}.lds-side-nav-item--disabled{cursor:default;opacity:.5}.lds-side-nav-item--active{color:var(--color-font-side-nav-item-active-default);cursor:default}.lds-side-nav-item--active,.lds-side-nav-item:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-default)}.lds-side-nav-item--danger.lds-side-nav-item--active,.lds-side-nav-item--danger:hover:not(.lds-side-nav-item--disabled){background:var(--color-background-side-nav-item-active-danger);color:var(--color-font-side-nav-item-active-danger)}.lds-side-nav--compact .lds-side-nav-item{border-radius:0;font-weight:500;line-height:1rem;margin-bottom:var(--spacing-side-nav-compact-item-margin-block-end);padding-left:var(--spacing-side-nav-compact-item-padding-inline);padding-right:var(--spacing-side-nav-compact-item-padding-inline)}.lds-tooltip{--tw-text-opacity:1;--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);--tooltip-background-color:#000;background-color:var(--tooltip-background-color);border-radius:var(--radius-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);color:rgb(255 255 255/var(--tw-text-opacity));font-size:var(--typography-size-xs);line-height:var(--typography-line-height-xs);max-width:var(--spacing-96);opacity:.05;padding:var(--spacing-md);pointer-events:none;text-align:center;transition-duration:.2s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:14}.lds-tooltip--visible{opacity:.8}.lds-tooltip--caret{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.lds-tooltip[data-popper-placement*=bottom]>.lds-tooltip--caret{top:calc(var(--spacing-xs)*-1)}.lds-tooltip>.lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid var(--tooltip-background-color);border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:none;content:" ";display:block;height:0;left:-.375rem;position:absolute;top:-.141rem;width:0}.lds-tooltip[data-popper-placement*=right]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret{left:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=right] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:none;border-right:var(--spacing-1-5) solid var(--tooltip-background-color);border-top:var(--spacing-1-5) solid transparent;left:-.13rem;top:.75rem}.lds-tooltip[data-popper-placement*=left]{margin-top:calc(var(--spacing-5)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret{right:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=left] .lds-tooltip--caret:after{border-bottom:var(--spacing-1-5) solid transparent;border-left:var(--spacing-1-5) solid var(--tooltip-background-color);border-right:none;border-top:var(--spacing-1-5) solid transparent;left:-.24rem;top:.75rem}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret{bottom:calc(var(--spacing-xs)*-1)}.lds-tooltip[data-popper-placement*=top] .lds-tooltip--caret:after{border-bottom:none;border-left:var(--spacing-1-5) solid transparent;border-right:var(--spacing-1-5) solid transparent;border-top:var(--spacing-1-5) solid var(--tooltip-background-color);top:-.24rem}.lds-switch{--thumb-size:var(--spacing-switch-thumb-size);--thumb-color:var(--color-background-switch-thumb);--thumb-color-highlight:var(--color-background-switch-thumb-highlight);--track-size:calc(var(--thumb-size)*2);--track-padding:2px;--track-color-inactive:var(--color-background-switch-track-inactive);--track-color-active:var(--color-background-switch-track-active);--thumb-position:0%;--thumb-transition-duration:var(--transition-duration-default);--hover-highlight-size:0;align-items:center;color:var(--alias-color-text-accent);cursor:pointer;display:flex;font-weight:500;gap:2ch;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lds-switch>input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--track-color-inactive);border:none;border-radius:var(--track-size);box-sizing:content-box;display:grid;flex-shrink:0;grid:[track] 1fr/[track] 1fr;height:var(--thumb-size);outline-offset:5px;padding:var(--track-padding);pointer-events:none;transition:background-color var(--transition-duration-default) var(--transition-easing-default);width:var(--track-size)}.lds-switch>input:not(:disabled):hover:before{--hover-highlight-size:.3rem}.lds-switch>input:before{background:var(--thumb-color);border-radius:50%;box-shadow:0 0 0 var(--hover-highlight-size) var(--thumb-color-highlight);content:"";cursor:pointer;grid-area:track;height:var(--thumb-size);pointer-events:auto;transform:translateX(var(--thumb-position));transition:transform var(--thumb-transition-duration) var(--transition-easing-default),box-shadow var(--transition-duration-default) var(--transition-easing-default);width:var(--thumb-size)}.lds-switch>input:checked{--thumb-position:100%;background:var(--track-color-active)}.lds-switch>input:disabled{--track-color-inactive:var(--color-background-switch-track-inactive);--thumb-color:transparent}.lds-switch>input:disabled:before{box-shadow:var(--shadow-switch-thumb-disabled);cursor:not-allowed}.lds-switch>input:focus-visible{box-shadow:var(--shadow-switch-thumb-focused)}.lds-switch--disabled{cursor:not-allowed}
package/lib/cjs/index.electron.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Badge/Badge.js"),r=require("./Button/Button.js"),t=require("./ButtonBar/ButtonBar.js"),o=require("./Input/Input.js"),i=require("./LoadingIndicator/LoadingIndicator.js"),a=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),s=require("./NumberBadge/NumberBadge.js"),d=require("./Panel/Panel.js"),p=require("./SideNav/SideNav.js"),n=require("./SideNav/SideNavGroup.js"),j=require("./SideNav/SideNavItem.js"),x=require("./Switch/Switch.js"),B=require("./Tooltip/Tooltip.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.Input=o,exports.LoadingIndicator=i,exports.Lozenge=a,exports.Modal=u,exports.NumberBadge=s.default,exports.Panel=d,exports.SideNav=p.default,exports.SideNavGroup=n.default,exports.SideNavItem=j,exports.Switch=x.Switch,exports.Tooltip=B;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Badge/Badge.js"),r=require("./Button/Button.js"),t=require("./ButtonBar/ButtonBar.js"),i=require("./DrawerTransition/DrawerTransition.js"),o=require("./Input/Input.js"),a=require("./LoadingIndicator/LoadingIndicator.js"),s=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),n=require("./Notification/Notification.js"),d=require("./NumberBadge/NumberBadge.js"),p=require("./Panel/Panel.js"),j=require("./SideNav/SideNav.js"),x=require("./SideNav/SideNavGroup.js"),q=require("./SideNav/SideNavItem.js"),B=require("./Tooltip/Tooltip.js"),N=require("./Switch/Switch.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.DrawerTransition=i,exports.Input=o,exports.LoadingIndicator=a,exports.Lozenge=s,exports.Modal=u,exports.Notification=n,exports.NumberBadge=d.default,exports.Panel=p,exports.SideNav=j.default,exports.SideNavGroup=x.default,exports.SideNavItem=q,exports.Tooltip=B,exports.Switch=N.Switch;
package/lib/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Badge/Badge.js"),r=require("./Button/Button.js"),t=require("./ButtonBar/ButtonBar.js"),o=require("./Input/Input.js"),i=require("./LoadingIndicator/LoadingIndicator.js"),a=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),s=require("./NumberBadge/NumberBadge.js"),d=require("./Panel/Panel.js"),p=require("./SideNav/SideNav.js"),n=require("./SideNav/SideNavGroup.js"),j=require("./SideNav/SideNavItem.js"),x=require("./Switch/Switch.js"),B=require("./Tooltip/Tooltip.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.Input=o,exports.LoadingIndicator=i,exports.Lozenge=a,exports.Modal=u,exports.NumberBadge=s.default,exports.Panel=d,exports.SideNav=p.default,exports.SideNavGroup=n.default,exports.SideNavItem=j,exports.Switch=x.Switch,exports.Tooltip=B;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Badge/Badge.js"),r=require("./Button/Button.js"),t=require("./ButtonBar/ButtonBar.js"),i=require("./DrawerTransition/DrawerTransition.js"),o=require("./Input/Input.js"),a=require("./LoadingIndicator/LoadingIndicator.js"),s=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),n=require("./Notification/Notification.js"),d=require("./NumberBadge/NumberBadge.js"),p=require("./Panel/Panel.js"),j=require("./SideNav/SideNav.js"),x=require("./SideNav/SideNavGroup.js"),q=require("./SideNav/SideNavItem.js"),B=require("./Tooltip/Tooltip.js"),N=require("./Switch/Switch.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.DrawerTransition=i,exports.Input=o,exports.LoadingIndicator=a,exports.Lozenge=s,exports.Modal=u,exports.Notification=n,exports.NumberBadge=d.default,exports.Panel=p,exports.SideNav=j.default,exports.SideNavGroup=x.default,exports.SideNavItem=q,exports.Tooltip=B,exports.Switch=N.Switch;
package/lib/es/DrawerTransition/DrawerTransition.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React, { PropsWithChildren } from "react";
2
+ export interface DrawerTransitionProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ open: boolean;
4
+ duration?: number;
5
+ afterEnter?: () => void;
6
+ afterExit?: () => void;
7
+ deps?: object;
8
+ }
9
+ declare const DrawerTransition: React.FC<PropsWithChildren<DrawerTransitionProps>>;
10
+ export default DrawerTransition;
package/lib/es/DrawerTransition/DrawerTransition.js ADDED
@@ -0,0 +1 @@
1
+ import{__rest as e,__assign as t}from"../_virtual/_tslib.js";import n,{useRef as i,useState as r,useMemo as o,useCallback as a,useEffect as c}from"react";import u from"clsx";var d=function(d){var s=d.open,f=d.deps,l=void 0===f?{}:f,m=d.duration,p=void 0===m?250:m,v=d.afterEnter,x=d.afterExit,g=d.children,h=e(d,["open","deps","duration","afterEnter","afterExit","children"]),E=i(null),w=r(null),y=w[0],T=w[1],z=r("exited"),L=z[0],N=z[1],_=r(),b=_[0],j=_[1],D=o((function(){return{transitionDuration:"".concat(p,"ms"),transitionTimingFunction:"ease-in-out",height:"entering"===L||"entered"===L?b:"0px",opacity:"entering"===L||"entered"===L?1:0}}),[p,L,b]),F=a((function(){E.current&&j("".concat(E.current.clientHeight,"px"))}),[E]),H=a((function(){return N("entering"),setTimeout((function(){try{N("entered"),v&&v()}catch(e){}}),p)}),[p,v]),k=a((function(){return N("exiting"),setTimeout((function(){try{N("exited"),x&&x()}catch(e){}}),p)}),[p,x]);return c((function(){!s||"exited"!==L&&"exiting"!==L?s||"entering"!==L&&"entered"!==L||(y&&clearTimeout(y),T(k())):(y&&clearTimeout(y),T(H()))}),[s,L,H,k]),c((function(){return window.addEventListener("resize",F),function(){window.removeEventListener("resize",F)}}),[F]),c((function(){F()}),[E,F,l]),n.createElement("div",t({"aria-hidden":!s},h,{style:D,className:u("transition-all overflow-y-hidden",h.className)}),n.createElement("div",{ref:E},g))};export{d as default};
package/lib/es/Notification/Notification.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import React, { ReactNode } from "react";
2
+ export declare type Type = "flash" | "closable" | "inline" | "default";
3
+ export declare type AlertLevel = "info" | "success" | "error" | "warning";
4
+ export interface NotificationProps {
5
+ message: string | ReactNode;
6
+ title?: string;
7
+ type?: Type;
8
+ level?: AlertLevel;
9
+ inline?: false;
10
+ flash?: false;
11
+ /**
12
+ * Hide after `flashDuration` milliseconds, if type is set to "flash"
13
+ */
14
+ flashDuration?: number;
15
+ /**
16
+ * Can be set closable if not inline
17
+ */
18
+ closable?: boolean;
19
+ onClose?(): void;
20
+ className?: string;
21
+ }
22
+ declare const Notification: React.FC<NotificationProps>;
23
+ export default Notification;
package/lib/es/Notification/Notification.js ADDED
@@ -0,0 +1 @@
1
+ import e,{useState as t,useRef as r,useCallback as n}from"react";import l from"clsx";import{navigation as o,base as a}from"@k8slens/lds-icons";import i from"../DrawerTransition/DrawerTransition.js";import s from"./Notification.module.css.js";var c=o.CloseIcon,m=a.SuccessIcon,f=a.WarningIcon,u=a.InfoIcon,p=function(o){var a=o.level,p=void 0===a?"info":a,E=o.type,d=void 0===E?"default":E,v=o.title,x=o.message,h=o.flashDuration,I=void 0===h?5e3:h,b=o.onClose,g=o.className,w=t(!0),z=w[0],C=w[1],N=r(null),k="flash"===d?300:200,y=n((function(){"flash"===d&&setTimeout((function(){try{C(!1)}catch(e){}}),I)}),[d,I]);return e.createElement(i,{open:z,role:"alert",className:l(g,s.wrapper,s[p],s[d]),afterEnter:y,afterExit:b,duration:k},e.createElement("div",{ref:N,className:s.alert},"success"===p&&e.createElement(m,{size:"xl"}),"info"===p&&e.createElement(u,{size:"xl"}),("error"===p||"warning"===p)&&e.createElement(f,{size:"xl"}),e.createElement("div",null,v&&e.createElement("h5",null,v),e.createElement("p",null,x)),"closable"===d&&e.createElement("button",{type:"button",onClick:function(){return C(!1)},"aria-label":"Close"},e.createElement(c,{size:"lg",color:"on-dark"}))))};export{p as default};
package/lib/es/Notification/Notification.module.css.js ADDED
@@ -0,0 +1 @@
1
+ var i={wrapper:"lds-notification--wrapper",inline:"lds-notification--inline",alert:"lds-notification--alert",closable:"lds-notification--closable",info:"lds-notification--info",success:"lds-notification--success",error:"lds-notification--error",warning:"lds-notification--warning"};export{i as default};
package/lib/es/components.d.ts CHANGED
@@ -1,14 +1,16 @@
1
1
  export { default as Badge } from "./Badge/Badge";
2
2
  export { default as Button } from "./Button/Button";
3
3
  export { default as ButtonBar } from "./ButtonBar/ButtonBar";
4
+ export { default as DrawerTransition } from "./DrawerTransition/DrawerTransition";
4
5
  export { default as Input } from "./Input/Input";
5
6
  export { default as LoadingIndicator } from "./LoadingIndicator/LoadingIndicator";
6
7
  export { default as Lozenge } from "./Lozenge/Lozenge";
7
8
  export { default as Modal } from "./Modal/Modal";
9
+ export { default as Notification } from "./Notification/Notification";
8
10
  export { default as NumberBadge } from "./NumberBadge/NumberBadge";
9
11
  export { default as Panel } from "./Panel/Panel";
10
12
  export { default as SideNav } from "./SideNav/SideNav";
11
13
  export { default as SideNavGroup } from "./SideNav/SideNavGroup";
12
14
  export { default as SideNavItem } from "./SideNav/SideNavItem";
13
- export { Switch } from "./Switch/Switch";
14
15
  export { default as Tooltip } from "./Tooltip/Tooltip";
16
+ export { Switch } from "./Switch/Switch";