@k8slens/lds 0.22.0 → 0.24.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/Badge/Badge.d.ts +17 -0
- package/lib/cjs/Badge/Badge.js +1 -0
- package/lib/cjs/Badge/Badge.module.css.js +1 -0
- package/lib/cjs/Button/Button.js +1 -1
- package/lib/cjs/Button/shared.d.ts +4 -4
- package/lib/cjs/Lozenge/Lozenge.d.ts +18 -0
- package/lib/cjs/Lozenge/Lozenge.js +1 -0
- package/lib/cjs/Lozenge/Lozenge.module.css.js +1 -0
- package/lib/cjs/NumberBadge/NumberBadge.d.ts +35 -0
- package/lib/cjs/NumberBadge/NumberBadge.js +1 -0
- package/lib/cjs/NumberBadge/NumberBadge.module.css.js +1 -0
- package/lib/cjs/components.d.ts +3 -0
- package/lib/cjs/index.css +1 -1
- package/lib/cjs/index.electron.js +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/es/Badge/Badge.d.ts +17 -0
- package/lib/es/Badge/Badge.js +1 -0
- package/lib/es/Badge/Badge.module.css.js +1 -0
- package/lib/es/Button/Button.js +1 -1
- package/lib/es/Button/shared.d.ts +4 -4
- package/lib/es/Lozenge/Lozenge.d.ts +18 -0
- package/lib/es/Lozenge/Lozenge.js +1 -0
- package/lib/es/Lozenge/Lozenge.module.css.js +1 -0
- package/lib/es/NumberBadge/NumberBadge.d.ts +35 -0
- package/lib/es/NumberBadge/NumberBadge.js +1 -0
- package/lib/es/NumberBadge/NumberBadge.module.css.js +1 -0
- package/lib/es/components.d.ts +3 -0
- package/lib/es/index.css +1 -1
- package/lib/es/index.electron.js +1 -1
- package/lib/es/index.js +1 -1
- package/lib/web/{lds-v0-21-1 → lds-v0-23-0}/index.css +1 -1
- package/lib/web/lds-v0-23-0/index.js +1 -0
- package/package.json +3 -3
- package/lib/web/lds-v0-21-1/index.js +0 -1
- /package/lib/web/{lds-v0-21-1 → lds-v0-23-0}/typography.css +0 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export interface BadgeProps extends Pick<HTMLAttributes<HTMLSpanElement>, "id" | "className" | "title" | "aria-label" | "aria-hidden" | "role"> {
|
|
3
|
+
/**
|
|
4
|
+
* If no title has not been provided, the badge will be hidden from screen readers.
|
|
5
|
+
*/
|
|
6
|
+
title?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Defines the color of the lozenge.
|
|
9
|
+
* @default secondary
|
|
10
|
+
*/
|
|
11
|
+
type?: "primary" | "secondary" | "success" | "error" | "warning";
|
|
12
|
+
/**
|
|
13
|
+
* @default sm
|
|
14
|
+
*/
|
|
15
|
+
size?: "sm" | "md" | "lg";
|
|
16
|
+
}
|
|
17
|
+
export default function Badge({ className, type, size, title, ...props }: BadgeProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../_virtual/_tslib.js"),t=require("react"),r=require("clsx"),a=require("./Badge.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t),l=s(r);module.exports=function(t){var r,s=t.className,u=t.type,d=void 0===u?"secondary":u,n=t.size,o=void 0===n?"sm":n,c=t.title,m=e.__rest(t,["className","type","size","title"]),f="role"in m?m.role:"status",v=!c||m["aria-hidden"];return i.default.createElement("span",e.__assign({},m,{"aria-hidden":v,title:c,role:f,className:l.default(a.badge,(r={},r[a[o]]="sm"!==o,r[a[d]]="secondary"!==d,r),s)}))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";module.exports={badge:"lds-badge",md:"lds-badge--md",lg:"lds-badge--lg",success:"lds-badge--success",error:"lds-badge--error",warning:"lds-badge--warning",primary:"lds-badge--primary"};
|
package/lib/cjs/Button/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react"),
|
|
1
|
+
"use strict";var e=require("react"),t=require("clsx"),a=require("./Button.module.css.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e),r=n(t);var l=e.forwardRef((function(t,n){var l,o=t.label,c=t.primary,s=t.discreet,u=t.case,d=t.textTransform,f=t.disabled,p=void 0!==f&&f,m=t.loading,v=void 0!==m&&m,b=t.className,y=t["aria-label"],E=t.id,N=t.type,g=void 0===N?"default":N,h=t.size,x=void 0===h?"md":h,j=t.buttonType,k=void 0===j?"button":j,q=t.icon,z=t.iconPosition,C=void 0===z?"left":z,R=t.loadingStateOnPromise,T=void 0!==R&&R,w=t.onClick,B=t.children,O=g,P=e.useRef(!0);e.useEffect((function(){return P.current=!0,function(){P.current=!1}}),[]);var S=e.useState(!1),D=S[0],L=S[1],U=v||D,V=e.useCallback((function(e){if("function"==typeof w&&!U){var t,a=w(e);T&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(L(!0),a.finally((function(){P.current&&L(!1)})))}}),[w,U,T]);c&&(O="primary");var _=d;return u&&(_=_||u,"development"===process.env.NODE_ENV&&console.warn("Button: `case` prop is deprecated. Use `textTransform` instead.")),i.default.createElement("button",{ref:n,id:E,type:k,onClick:V,className:r.default(a.button,b,O,(l={},l[a.uppercase]="uppercase"===_,l[a.capitalize]="capitalize"===_,l[a.discreet]=s,l[a.loading]=U,l[a[x]]="md"!==x,l)),"aria-label":y||("string"==typeof o?o:""),disabled:p||D},q&&"left"===C&&i.default.createElement(q,{className:a.icon}),i.default.createElement("span",{className:a.label},o),B,q&&"right"===C&&i.default.createElement(q,{className:r.default(a.icon,a.iconR)}),U&&i.default.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))}));module.exports=l;
|
|
@@ -3,7 +3,7 @@ import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon.d";
|
|
|
3
3
|
export declare type Type = "default" | "primary" | "ok" | "danger" | "caution";
|
|
4
4
|
export declare type Size = "xs" | "sm" | "md";
|
|
5
5
|
export declare type IconPosition = "right" | "left";
|
|
6
|
-
export declare type
|
|
6
|
+
export declare type TextTransform = "uppercase" | "capitalize";
|
|
7
7
|
export interface Props {
|
|
8
8
|
label: string;
|
|
9
9
|
icon?: Icon;
|
|
@@ -13,8 +13,8 @@ export interface Props {
|
|
|
13
13
|
primary?: boolean;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
discreet?: boolean;
|
|
16
|
-
/** @deprecated Use `case: "
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
/** @deprecated Use `case: "textTransform"` instead */
|
|
17
|
+
case?: TextTransform;
|
|
18
|
+
textTransform?: TextTransform;
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export declare type TextTransform = "uppercase" | "capitalize";
|
|
3
|
+
export interface LozengeProps extends Pick<HTMLAttributes<HTMLSpanElement>, "id" | "className" | "title" | "aria-label" | "aria-hidden" | "role" | "children"> {
|
|
4
|
+
/**
|
|
5
|
+
* Defines the color of the lozenge.
|
|
6
|
+
* @default secondary
|
|
7
|
+
*/
|
|
8
|
+
type?: "primary" | "secondary" | "success" | "error" | "warning";
|
|
9
|
+
/**
|
|
10
|
+
* Use uppercase letters or capitalize text.
|
|
11
|
+
*/
|
|
12
|
+
textTransform?: TextTransform;
|
|
13
|
+
/**
|
|
14
|
+
* @default sm
|
|
15
|
+
*/
|
|
16
|
+
size?: "sm" | "md" | "lg";
|
|
17
|
+
}
|
|
18
|
+
export default function Lozenge({ className, textTransform, type, children, size, ...props }: LozengeProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../_virtual/_tslib.js"),r=require("react"),s=require("clsx"),a=require("./Lozenge.module.css.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(r),c=t(s);module.exports=function(r){var s,t=r.className,l=r.textTransform,n=r.type,u=void 0===n?"secondary":n,o=r.children,d=r.size,p=void 0===d?"sm":d,m=e.__rest(r,["className","textTransform","type","children","size"]);return i.default.createElement("span",e.__assign({},m,{className:c.default(a.lozenge,(s={},s[a[p]]="sm"!==p,s[a[u]]="secondary"!==u,s[a.uppercase]="uppercase"===l,s[a.capitalize]="capitalize"===l,s),t)}),o)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";module.exports={lozenge:"lds-lozenge",md:"lds-lozenge--md",lg:"lds-lozenge--lg",success:"lds-lozenge--success",error:"lds-lozenge--error",warning:"lds-lozenge--warning",primary:"lds-lozenge--primary",uppercase:"lds-lozenge--uppercase",capitalize:"lds-lozenge--capitalize"};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { AriaRole } from "react";
|
|
2
|
+
import { LozengeProps } from "../Lozenge/Lozenge";
|
|
3
|
+
export declare const formatNumber: (n: number) => string;
|
|
4
|
+
interface BaseNumberBadgeProps extends Omit<LozengeProps, "role" | "children" | "title" | "textTransform" | "size"> {
|
|
5
|
+
value: number | null | undefined;
|
|
6
|
+
/**
|
|
7
|
+
* If no title has not been provided, the badge will be hidden from screen readers.
|
|
8
|
+
*/
|
|
9
|
+
title?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Show badge even if value is zero.
|
|
12
|
+
*/
|
|
13
|
+
showZero?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Show a plus sign for positive values.
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
displayPlusSign?: boolean;
|
|
19
|
+
}
|
|
20
|
+
interface StatusNumberBadgeProps extends BaseNumberBadgeProps {
|
|
21
|
+
title: string;
|
|
22
|
+
/**
|
|
23
|
+
* @default "status"
|
|
24
|
+
*/
|
|
25
|
+
role?: "status";
|
|
26
|
+
}
|
|
27
|
+
interface Props extends BaseNumberBadgeProps {
|
|
28
|
+
/**
|
|
29
|
+
* @default "status"
|
|
30
|
+
*/
|
|
31
|
+
role: Exclude<AriaRole, "status">;
|
|
32
|
+
}
|
|
33
|
+
export declare type NumberBadgeProps = StatusNumberBadgeProps | Props;
|
|
34
|
+
export default function NumberBadge({ className, value, showZero, displayPlusSign, title, ...props }: NumberBadgeProps): JSX.Element | null;
|
|
35
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../_virtual/_tslib.js"),r=require("react"),t=require("clsx"),a=require("../Lozenge/Lozenge.js"),u=require("./NumberBadge.module.css.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=l(r),s=l(t),i=function(e){return e>99?"99+":e<-99?"-99+":e.toString()},o=function(e){var r=Math.abs(e),t=e<0?"-":"";return r>=1e6?r>99e6?i(e/1e6).replace(/\+$/,"M+"):"".concat(t).concat((r/1e6).toFixed(1),"M"):r>=1e3?r>99e3?i(e/1e3).replace(/\+$/,"k+"):"".concat(t).concat((r/1e3).toFixed(1),"k"):i(e)};exports.default=function(r){var t=r.className,l=r.value,i=r.showZero,c=r.displayPlusSign,d=r.title,f=e.__rest(r,["className","value","showZero","displayPlusSign","title"]);if(null==l||0===l&&!i)return null;var m=o(l);l>0&&c&&(m="+".concat(m));var v="role"in f?f.role:"status",p=!d||f["aria-hidden"];return n.default.createElement(a,e.__assign({},f,{"aria-hidden":p,title:d,className:s.default(u.numberBadge,t),role:v,size:"sm"}),m)},exports.formatNumber=o;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";module.exports={numberBadge:"lds-number-badge"};
|
package/lib/cjs/components.d.ts
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
export { default as Badge } from "./Badge/Badge";
|
|
1
2
|
export { default as Button } from "./Button/Button";
|
|
2
3
|
export { default as ButtonBar } from "./ButtonBar/ButtonBar";
|
|
3
4
|
export { default as Input } from "./Input/Input";
|
|
4
5
|
export { default as LoadingIndicator } from "./LoadingIndicator/LoadingIndicator";
|
|
6
|
+
export { default as Lozenge } from "./Lozenge/Lozenge";
|
|
5
7
|
export { default as Modal } from "./Modal/Modal";
|
|
8
|
+
export { default as NumberBadge } from "./NumberBadge/NumberBadge";
|
|
6
9
|
export { default as Panel } from "./Panel/Panel";
|
|
7
10
|
export { default as SideNav } from "./SideNav/SideNav";
|
|
8
11
|
export { default as SideNavGroup } from "./SideNav/SideNavGroup";
|
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{--transition-base-easing-in-out:ease-in-out;--transition-base-easing-default:ease;--transition-base-duration-slow:.75s;--transition-base-duration-default:.25s;--opacity-base-disabled:0.5;--typography-font-family-open-sans:"Open Sans",sans-serif;--typography-base-line-height-9xl:1;--typography-base-line-height-8xl:1;--typography-base-line-height-7xl:1;--typography-base-line-height-6xl:1;--typography-base-font-legacy:"Roboto","Helvetica","Arial",sans-serif;--typography-base-font-primary:"Open Sans",sans-serif;--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-base-9-5:2.375rem;--spacing-base-8-5:2.125rem;--spacing-base-7-5:1.875rem;--spacing-base-6-5:1.625rem;--spacing-base-5-5:1.375rem;--spacing-base-4-5:1.125rem;--spacing-base-3-5:0.875rem;--spacing-base-2-75:0.6875rem;--spacing-base-2-5:0.625rem;--spacing-base-2-25:0.5625rem;--spacing-base-1-75:0.4375rem;--spacing-base-1-5:0.375rem;--spacing-base-1-25:0.3125rem;--spacing-base-0-75:0.1875rem;--spacing-base-0-5:0.125rem;--spacing-base-0-25:0.0625rem;--spacing-base-96:24rem;--spacing-base-80:20rem;--spacing-base-72:18rem;--spacing-base-64:16rem;--spacing-base-60:15rem;--spacing-base-56:14rem;--spacing-base-52:13rem;--spacing-base-48:12rem;--spacing-base-44:11rem;--spacing-base-40:10rem;--spacing-base-36:9rem;--spacing-base-32:8rem;--spacing-base-28:7rem;--spacing-base-24:6rem;--spacing-base-20:5rem;--spacing-base-18:4.5rem;--spacing-base-16:4rem;--spacing-base-14:3.5rem;--spacing-base-12:3rem;--spacing-base-10:2.5rem;--spacing-base-9:2.25rem;--spacing-base-8:2rem;--spacing-base-7:1.75rem;--spacing-base-6:1.5rem;--spacing-base-5:1.25rem;--spacing-base-4:1rem;--spacing-base-3:0.75rem;--spacing-base-2:0.5rem;--spacing-base-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;--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:206deg;--color-base-translucent-light-50:hsla(0,0%,100%,.5);--color-base-translucent-light-25:hsla(0,0%,100%,.25);--color-base-translucent-light-15:hsla(0,0%,100%,.15);--color-base-translucent-light-10:hsla(0,0%,100%,.1);--color-base-translucent-dark-05:rgba(0,0,0,.05);--color-base-translucent-dark-60:rgba(0,0,0,.4);--color-base-translucent-dark-40:rgba(0,0,0,.4);--color-base-translucent-dark-25:rgba(0,0,0,.25);--color-base-translucent-dark-15:rgba(0,0,0,.15);--color-base-translucent-dark-10:rgba(0,0,0,.1);--color-base-black:#000;--color-base-white:#fff;--color-base-blue-gray-230:#373a3f;--color-base-blue-gray-170:#272a2f;--color-base-blue-gray-150:#23262a;--color-base-blue-gray-130:#1e2124;--shadow-base-inner:inset 0 2px 4px 0 var(--color-base-translucent-dark-05);--shadow-base-2xl:0 25px 50px -12px var(--color-base-translucent-dark-25),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-xl:0 20px 25px -5px var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-lg:0 10px 15px -3px var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-md:0 4px 6px -1px var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-default:0 1px 3px 0 var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-10);--shadow-base-sm:0 0 0 2px var(--color-base-translucent-dark-05),0 0 1px 0 var(--color-base-translucent-dark-10);--alias-color-background-highlight-25:var(--color-base-translucent-light-25);--alias-color-background-highlight-15:var(--color-base-translucent-light-15);--alias-color-background-highlight-10:var(--color-base-translucent-light-10);--alias-color-background-overlay-popup:var(--color-base-translucent-dark-60);--alias-color-background-overlay-blocked:var(--color-base-translucent-dark-40);--alias-color-background-elevation-negative:var(--color-base-translucent-dark-40);--alias-color-background-quinary:var(--color-base-blue-gray-170);--alias-color-background-tertiary:var(--color-base-blue-gray-230);--alias-color-background-secondary:var(--color-base-blue-gray-150);--alias-color-background-base:var(--color-base-blue-gray-130);--alias-color-border-vivid:var(--color-base-white);--alias-color-border-weak:var(--color-base-blue-gray-230);--alias-color-text-accent:var(--color-base-white);--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-base-6);--typography-heading-size-h5:var(--spacing-base-2-5);--typography-base-line-height-5xl:var(--spacing-base-12);--typography-base-line-height-4xl:var(--spacing-base-12);--typography-base-line-height-3xl:var(--spacing-base-12);--typography-base-line-height-2xl:var(--spacing-base-6);--typography-base-line-height-xl:var(--spacing-base-6);--typography-base-line-height-lg:var(--spacing-base-6);--typography-base-line-height-base:var(--spacing-base-6);--typography-base-line-height-sm:var(--spacing-base-6);--typography-base-line-height-xs:var(--spacing-base-6);--typography-base-line-height-xxs:var(--spacing-base-6);--typography-base-size-9xl:var(--spacing-base-18);--typography-base-size-8xl:var(--spacing-base-16);--typography-base-size-7xl:var(--spacing-base-12);--typography-base-size-6xl:var(--spacing-base-10);--typography-base-size-5xl:var(--spacing-base-9);--typography-base-size-4xl:var(--spacing-base-8);--typography-base-size-3xl:var(--spacing-base-6);--typography-base-size-2xl:var(--spacing-base-5);--typography-base-size-xl:var(--spacing-base-4-5);--typography-base-size-lg:var(--spacing-base-4);--typography-base-size-base:var(--spacing-base-3-5);--typography-base-size-sm:var(--spacing-base-3);--typography-base-size-xs:var(--spacing-base-2-75);--typography-base-size-xxs:var(--spacing-base-2);--spacing-p-block-end:var(--spacing-base-4);--spacing-base-3xl:var(--spacing-base-10);--spacing-base-2xl:var(--spacing-base-8);--spacing-base-xl:var(--spacing-base-6);--spacing-base-lg:var(--spacing-base-4);--spacing-base-md:var(--spacing-base-3);--spacing-base-sm:var(--spacing-base-2);--spacing-base-xs:var(--spacing-base-1);--spacing-base-xxs:var(--spacing-base-0-5);--hues-blue-gray-hue:var(--hues-blue-hue);--color-base-blue-green-600:hsl(var(--hues-blue-green-hue),var(--hues-blue-green-saturation),var(--hues-blue-green-lightness));--color-base-bright-green-600:hsl(var(--hues-bright-green-hue),var(--hues-bright-green-saturation),var(--hues-bright-green-lightness));--color-base-green-400:hsl(var(--hues-green-hue),var(--hues-green-saturation),var(--hues-green-lightness));--color-base-orange-600:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),var(--hues-orange-lightness));--color-base-orange-400:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),40%);--color-base-red-600:hsl(var(--hues-red-hue),var(--hues-red-saturation),var(--hues-red-lightness));--color-base-blue-600:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),60%);--color-base-blue-500:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),var(--hues-blue-lightness));--alias-color-info:var(--color-base-blue-500);--alias-color-caution-dark:var(--color-base-orange-400);--typography-heading-line-height-h4:var(--typography-base-line-height-base);--typography-heading-line-height-h3:var(--typography-base-line-height-base);--typography-heading-line-height-h2-caps:var(--typography-base-line-height-xl);--typography-heading-line-height-h2:var(--typography-base-line-height-2xl);--typography-heading-line-height-h1:var(--typography-base-line-height-3xl);--typography-heading-size-h4:var(--typography-base-size-base);--typography-heading-size-h3:var(--typography-base-size-base);--typography-heading-size-h2-caps:var(--typography-base-size-xl);--typography-heading-size-h2:var(--typography-base-size-2xl);--typography-heading-size-h1:var(--typography-base-size-3xl);--color-font-table-header-base:var(--alias-color-text-accent);--color-background-block-footer:var(--alias-color-background-secondary);--color-background-block-header:var(--alias-color-background-tertiary);--color-base-blue-green-default:var(--color-base-blue-green-600);--color-base-bright-green-default:var(--color-base-bright-green-600);--color-base-green-default:var(--color-base-green-400);--color-base-orange-default:var(--color-base-orange-600);--color-base-red-default:var(--color-base-red-600);--color-base-blue-gray-980:hsl(var(--hues-blue-gray-hue),15%,98%);--color-base-blue-gray-950:hsl(var(--hues-blue-gray-hue),13%,95%);--color-base-blue-gray-900:hsl(var(--hues-blue-gray-hue),15%,90%);--color-base-blue-gray-850:hsl(var(--hues-blue-gray-hue),15%,85%);--color-base-blue-gray-800:hsl(var(--hues-blue-gray-hue),10%,80%);--color-base-blue-gray-750:hsl(var(--hues-blue-gray-hue),5%,75%);--color-base-blue-gray-700:hsl(var(--hues-blue-gray-hue),5%,70%);--color-base-blue-gray-650:hsl(var(--hues-blue-gray-hue),5%,65%);--color-base-blue-gray-600:hsl(var(--hues-blue-gray-hue),6%,60%);--color-base-blue-gray-550:hsl(var(--hues-blue-gray-hue),6%,55%);--color-base-blue-gray-450:hsl(var(--hues-blue-gray-hue),6%,45%);--color-base-blue-gray-350:hsl(var(--hues-blue-gray-hue),6%,35%);--color-base-blue-gray-200:hsl(var(--hues-blue-gray-hue),9%,20%);--color-base-blue-default:var(--color-base-blue-500);--alias-color-background-quarternary:var(--color-base-blue-gray-200);--alias-color-ok:var(--color-base-green-default);--alias-color-caution:var(--color-base-orange-default);--alias-color-danger:var(--color-base-red-default);--alias-color-border-focus:var(--color-base-blue-default);--alias-color-border-strong:var(--color-base-blue-gray-550);--alias-color-border-default:var(--color-base-blue-gray-350);--alias-color-text-quarternary:var(--color-base-blue-gray-850);--alias-color-text-tertiary:var(--color-base-blue-gray-650);--alias-color-text-secondary:var(--color-base-blue-gray-350);--alias-color-text-primary:var(--color-base-blue-gray-600);--alias-color-brand-primary:var(--color-base-blue-default);--color-font-table-cell-active:var(--color-base-blue-green-default);--color-base-blue-gray-default:var(--color-base-blue-gray-450);--color-font-table-cell-link:var(--alias-color-brand-primary);--color-font-table-cell-danger:var(--alias-color-danger);--color-font-table-cell-caution:var(--alias-color-caution);--color-font-table-cell-secondary:var(--alias-color-text-secondary);--color-font-table-cell-primary:var(--alias-color-text-primary);--color-font-link:var(--alias-color-brand-primary);--color-background-block-content:var(--alias-color-background-quarternary)}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)}:root{--shadow-switch-thumb-focused:0 0 0 2px var(--alias-color-brand-primary);--spacing-switch-thumb-size:20px;--spacing-side-nav-compact-item-margin-block-end:0;--size-input-block-size:var(--spacing-base-10);--size-button-sm-height:var(--spacing-base-8);--size-button-xs-height:var(--spacing-base-6-5);--size-button-height:var(--spacing-base-10);--spacing-input-icon-inset-block:var(--spacing-base-2-5);--spacing-input-icon-inset-inline:var(--spacing-base-2-5);--spacing-input-with-icon-inline-end:var(--spacing-base-10);--spacing-button-sm-icon-size:var(--spacing-base-4);--spacing-button-xs-icon-size:var(--spacing-base-3-5);--spacing-button-icon-size:var(--spacing-base-5);--spacing-button-sm-padding-y:var(--spacing-base-0-75);--spacing-button-sm-padding-x:var(--spacing-base-7);--spacing-button-xs-padding-y:var(--spacing-base-1);--spacing-button-xs-padding-x:var(--spacing-base-1-5);--color-font-side-nav-item-active-danger:var(--color-base-white);--color-background-switch-thumb:var(--color-base-white);--shadow-switch-thumb-disabled:inset 0 0 0 2px var(--alias-color-background-overlay-blocked);--spacing-side-nav-compact-item-padding-inline:var(--spacing-base-lg);--spacing-side-nav-item-margin-block-end:var(--spacing-base-xxs);--spacing-side-nav-item-padding-block:var(--spacing-base-xs);--spacing-side-nav-item-padding-inline:var(--spacing-base-md);--spacing-side-nav-compact-gap:var(--spacing-base-xxs);--spacing-side-nav-gap:var(--spacing-base-sm);--spacing-input-padding-inline:var(--spacing-base-md);--spacing-button-bar-padding-block:var(--spacing-base-lg);--spacing-button-bar-padding-inline-large:var(--spacing-base-xl);--spacing-button-bar-padding-inline:var(--spacing-base-lg);--spacing-button-xs-icon-margin-inline-end:var(--spacing-base-sm);--spacing-button-icon-margin-inline-end:var(--spacing-base-md);--spacing-button-padding-y:var(--spacing-base-xs);--spacing-button-padding-x:var(--spacing-base-lg);--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-base-blue-gray-900);--color-font-button-caution-base:var(--color-base-blue-gray-900);--color-font-button-ok-base:var(--color-base-blue-gray-900);--color-font-button-primary-base:var(--color-base-blue-gray-900);--color-background-switch-track-active:var(--color-base-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-base-5);width:var(--spacing-base-5)}.lds-icon--svg.lg{height:var(--spacing-base-6);width:var(--spacing-base-6)}.lds-icon--svg.xl{height:var(--spacing-base-7);width:var(--spacing-base-7)}.lds-icon--svg.xxl{height:var(--spacing-base-8);width:var(--spacing-base-8)}.lds-icon--svg.xxxl{height:var(--spacing-base-12);width:var(--spacing-base-12)}.lds-icon--svg.xxxxl{height:var(--spacing-base-16);width:var(--spacing-base-16)}.lds-icon--svg.xxxxxl{height:var(--spacing-base-20);width:var(--spacing-base-20)}.lds-icon--svg.xxxxxxl{height:var(--spacing-base-24);width:var(--spacing-base-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-base-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-base-white)}.lds-icon--svg.primary>svg{fill:var(--color-base-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}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:.25rem;border-width:1px;color:var(--color-font-button-secondary-base);font-family:var(--typography-font-main);font-size:var(--typography-base-size-base);height:var(--size-button-height);line-height:var(--typography-base-line-height-base);padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);transition:background-color var(--transition-base-duration-default) var(--transition-base-easing-default)}.lds-button--sm,.lds-button--xs{border-radius:.375rem;font-size:var(--typography-base-size-sm);line-height:var(--typography-base-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-base-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-base-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-base-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:.25rem;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-base-duration-default) var(--transition-base-easing-default)}.lds-input--with-icon>.lds-input{padding-right:var(--spacing-input-with-icon-padding-inline-end)}.lds-input:disabled{opacity:var(--opacity-base-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-base-disabled)}.lds-input::placeholder{opacity:var(--opacity-base-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-base-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-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-base-lg)}.lds-panel--header{background-color:var(--color-background-block-header);font-size:var(--typography-base-size-sm);line-height:var(--typography-base-line-height-sm);text-align:center}.lds-panel--content{background-color:var(--color-background-block-content)}.lds-panel--footer{background-color:var(--color-background-block-footer)}@media (min-width:640px){.lds-panel--header{border-top-left-radius:.75rem;border-top-right-radius:.75rem;margin-top:var(--spacing-base-xl)}}.lds-panel--header{padding-bottom:var(--spacing-base-2xl);padding-top:var(--spacing-base-2xl)}@media (min-width:640px){.lds-panel--header{padding-left:var(--spacing-base-xl);padding-right:var(--spacing-base-xl)}.lds-panel--content{padding:var(--spacing-base-xl)}.lds-panel--footer{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;margin-bottom:var(--spacing-base-xl)}.lds-panel--footer:not(.lds-button-bar){padding-left:var(--spacing-base-xl);padding-right:var(--spacing-base-xl)}}.lds-panel--loading{position:relative}.lds-panel--footer,.lds-panel--header{opacity:1;transition:opacity var(--transition-base-duration-slow) var(--transition-base-easing-in-out)}.lds-panel--footer.lds-panel--loading,.lds-panel--header.lds-panel--loading{opacity:var(--opacity-base-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-base-3xl);padding-top:var(--spacing-base-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-base-xl);margin-top:var(--spacing-base-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:.75rem}}.lds-modal--modal-content{box-shadow:var(--shadow-base-xl);max-height:100vh;overflow-y:auto}.lds-modal--modal-content>header{margin:0;padding-bottom:var(--spacing-base-xl);padding-top:var(--spacing-base-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-base-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-base-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-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-base-size-xs);line-height:var(--typography-base-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:.375rem;color:var(--color-font-side-nav-item-base-default);cursor:pointer;display:block;font-size:var(--typography-base-size-base);font-weight:500;line-height:var(--typography-base-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-base-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-base-duration-default) var(--transition-base-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-base-easing-default),box-shadow var(--transition-base-duration-default) var(--transition-base-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}
|
|
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{--transition-base-easing-in-out:ease-in-out;--transition-base-easing-default:ease;--transition-base-duration-slow:.75s;--transition-base-duration-default:.25s;--opacity-base-disabled:0.5;--typography-font-family-open-sans:"Open Sans",sans-serif;--typography-base-line-height-9xl:1;--typography-base-line-height-8xl:1;--typography-base-line-height-7xl:1;--typography-base-line-height-6xl:1;--typography-base-font-legacy:"Roboto","Helvetica","Arial",sans-serif;--typography-base-font-primary:"Open Sans",sans-serif;--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-base-9-5:2.375rem;--spacing-base-8-5:2.125rem;--spacing-base-7-5:1.875rem;--spacing-base-6-5:1.625rem;--spacing-base-5-5:1.375rem;--spacing-base-4-5:1.125rem;--spacing-base-3-5:0.875rem;--spacing-base-2-75:0.6875rem;--spacing-base-2-5:0.625rem;--spacing-base-2-25:0.5625rem;--spacing-base-1-75:0.4375rem;--spacing-base-1-5:0.375rem;--spacing-base-1-25:0.3125rem;--spacing-base-0-75:0.1875rem;--spacing-base-0-5:0.125rem;--spacing-base-0-25:0.0625rem;--spacing-base-96:24rem;--spacing-base-80:20rem;--spacing-base-72:18rem;--spacing-base-64:16rem;--spacing-base-60:15rem;--spacing-base-56:14rem;--spacing-base-52:13rem;--spacing-base-48:12rem;--spacing-base-44:11rem;--spacing-base-40:10rem;--spacing-base-36:9rem;--spacing-base-32:8rem;--spacing-base-28:7rem;--spacing-base-24:6rem;--spacing-base-20:5rem;--spacing-base-18:4.5rem;--spacing-base-16:4rem;--spacing-base-14:3.5rem;--spacing-base-12:3rem;--spacing-base-10:2.5rem;--spacing-base-9:2.25rem;--spacing-base-8:2rem;--spacing-base-7:1.75rem;--spacing-base-6:1.5rem;--spacing-base-5:1.25rem;--spacing-base-4:1rem;--spacing-base-3:0.75rem;--spacing-base-2:0.5rem;--spacing-base-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;--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:206deg;--color-base-translucent-light-50:hsla(0,0%,100%,.5);--color-base-translucent-light-25:hsla(0,0%,100%,.25);--color-base-translucent-light-15:hsla(0,0%,100%,.15);--color-base-translucent-light-10:hsla(0,0%,100%,.1);--color-base-translucent-dark-05:rgba(0,0,0,.05);--color-base-translucent-dark-60:rgba(0,0,0,.4);--color-base-translucent-dark-40:rgba(0,0,0,.4);--color-base-translucent-dark-25:rgba(0,0,0,.25);--color-base-translucent-dark-15:rgba(0,0,0,.15);--color-base-translucent-dark-10:rgba(0,0,0,.1);--color-base-black:#000;--color-base-white:#fff;--color-base-blue-gray-230:#373a3f;--color-base-blue-gray-170:#272a2f;--color-base-blue-gray-150:#23262a;--color-base-blue-gray-130:#1e2124;--shadow-base-inner:inset 0 2px 4px 0 var(--color-base-translucent-dark-05);--shadow-base-2xl:0 25px 50px -12px var(--color-base-translucent-dark-25),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-xl:0 20px 25px -5px var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-lg:0 10px 15px -3px var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-md:0 4px 6px -1px var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-25);--shadow-base-default:0 1px 3px 0 var(--color-base-translucent-dark-10),0 0 1px 0 var(--color-base-translucent-dark-10);--shadow-base-sm:0 0 0 2px var(--color-base-translucent-dark-05),0 0 1px 0 var(--color-base-translucent-dark-10);--alias-color-background-highlight-25:var(--color-base-translucent-light-25);--alias-color-background-highlight-15:var(--color-base-translucent-light-15);--alias-color-background-highlight-10:var(--color-base-translucent-light-10);--alias-color-background-overlay-popup:var(--color-base-translucent-dark-60);--alias-color-background-overlay-blocked:var(--color-base-translucent-dark-40);--alias-color-background-elevation-negative:var(--color-base-translucent-dark-40);--alias-color-background-quinary:var(--color-base-blue-gray-170);--alias-color-background-tertiary:var(--color-base-blue-gray-230);--alias-color-background-secondary:var(--color-base-blue-gray-150);--alias-color-background-base:var(--color-base-blue-gray-130);--alias-color-border-vivid:var(--color-base-white);--alias-color-border-weak:var(--color-base-blue-gray-230);--alias-color-text-accent:var(--color-base-white);--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-base-6);--typography-heading-size-h5:var(--spacing-base-2-5);--typography-base-line-height-5xl:var(--spacing-base-12);--typography-base-line-height-4xl:var(--spacing-base-12);--typography-base-line-height-3xl:var(--spacing-base-12);--typography-base-line-height-2xl:var(--spacing-base-6);--typography-base-line-height-xl:var(--spacing-base-6);--typography-base-line-height-lg:var(--spacing-base-6);--typography-base-line-height-base:var(--spacing-base-6);--typography-base-line-height-sm:var(--spacing-base-6);--typography-base-line-height-xs:var(--spacing-base-6);--typography-base-line-height-xxs:var(--spacing-base-6);--typography-base-size-9xl:var(--spacing-base-18);--typography-base-size-8xl:var(--spacing-base-16);--typography-base-size-7xl:var(--spacing-base-12);--typography-base-size-6xl:var(--spacing-base-10);--typography-base-size-5xl:var(--spacing-base-9);--typography-base-size-4xl:var(--spacing-base-8);--typography-base-size-3xl:var(--spacing-base-6);--typography-base-size-2xl:var(--spacing-base-5);--typography-base-size-xl:var(--spacing-base-4-5);--typography-base-size-lg:var(--spacing-base-4);--typography-base-size-base:var(--spacing-base-3-5);--typography-base-size-sm:var(--spacing-base-3);--typography-base-size-xs:var(--spacing-base-2-75);--typography-base-size-xxs:var(--spacing-base-2);--spacing-p-block-end:var(--spacing-base-4);--spacing-base-3xl:var(--spacing-base-10);--spacing-base-2xl:var(--spacing-base-8);--spacing-base-xl:var(--spacing-base-6);--spacing-base-lg:var(--spacing-base-4);--spacing-base-md:var(--spacing-base-3);--spacing-base-sm:var(--spacing-base-2);--spacing-base-xs:var(--spacing-base-1);--spacing-base-xxs:var(--spacing-base-0-5);--hues-blue-gray-hue:var(--hues-blue-hue);--color-base-blue-green-600:hsl(var(--hues-blue-green-hue),var(--hues-blue-green-saturation),var(--hues-blue-green-lightness));--color-base-bright-green-600:hsl(var(--hues-bright-green-hue),var(--hues-bright-green-saturation),var(--hues-bright-green-lightness));--color-base-green-400:hsl(var(--hues-green-hue),var(--hues-green-saturation),var(--hues-green-lightness));--color-base-orange-600:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),var(--hues-orange-lightness));--color-base-orange-400:hsl(var(--hues-orange-hue),var(--hues-orange-saturation),40%);--color-base-red-600:hsl(var(--hues-red-hue),var(--hues-red-saturation),var(--hues-red-lightness));--color-base-blue-600:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),60%);--color-base-blue-500:hsl(var(--hues-blue-hue),var(--hues-blue-saturation),var(--hues-blue-lightness));--alias-color-info:var(--color-base-blue-500);--alias-color-caution-dark:var(--color-base-orange-400);--typography-heading-line-height-h4:var(--typography-base-line-height-base);--typography-heading-line-height-h3:var(--typography-base-line-height-base);--typography-heading-line-height-h2-caps:var(--typography-base-line-height-xl);--typography-heading-line-height-h2:var(--typography-base-line-height-2xl);--typography-heading-line-height-h1:var(--typography-base-line-height-3xl);--typography-heading-size-h4:var(--typography-base-size-base);--typography-heading-size-h3:var(--typography-base-size-base);--typography-heading-size-h2-caps:var(--typography-base-size-xl);--typography-heading-size-h2:var(--typography-base-size-2xl);--typography-heading-size-h1:var(--typography-base-size-3xl);--color-font-table-header-base:var(--alias-color-text-accent);--color-background-block-footer:var(--alias-color-background-secondary);--color-background-block-header:var(--alias-color-background-tertiary);--color-base-blue-green-default:var(--color-base-blue-green-600);--color-base-bright-green-default:var(--color-base-bright-green-600);--color-base-green-default:var(--color-base-green-400);--color-base-orange-default:var(--color-base-orange-600);--color-base-red-default:var(--color-base-red-600);--color-base-blue-gray-980:hsl(var(--hues-blue-gray-hue),15%,98%);--color-base-blue-gray-950:hsl(var(--hues-blue-gray-hue),13%,95%);--color-base-blue-gray-900:hsl(var(--hues-blue-gray-hue),15%,90%);--color-base-blue-gray-850:hsl(var(--hues-blue-gray-hue),15%,85%);--color-base-blue-gray-800:hsl(var(--hues-blue-gray-hue),10%,80%);--color-base-blue-gray-750:hsl(var(--hues-blue-gray-hue),5%,75%);--color-base-blue-gray-700:hsl(var(--hues-blue-gray-hue),5%,70%);--color-base-blue-gray-650:hsl(var(--hues-blue-gray-hue),5%,65%);--color-base-blue-gray-600:hsl(var(--hues-blue-gray-hue),6%,60%);--color-base-blue-gray-550:hsl(var(--hues-blue-gray-hue),6%,55%);--color-base-blue-gray-450:hsl(var(--hues-blue-gray-hue),6%,45%);--color-base-blue-gray-350:hsl(var(--hues-blue-gray-hue),6%,35%);--color-base-blue-gray-200:hsl(var(--hues-blue-gray-hue),9%,20%);--color-base-blue-default:var(--color-base-blue-500);--alias-color-background-quarternary:var(--color-base-blue-gray-200);--alias-color-ok:var(--color-base-green-default);--alias-color-caution:var(--color-base-orange-default);--alias-color-danger:var(--color-base-red-default);--alias-color-border-focus:var(--color-base-blue-default);--alias-color-border-strong:var(--color-base-blue-gray-550);--alias-color-border-default:var(--color-base-blue-gray-350);--alias-color-text-quarternary:var(--color-base-blue-gray-850);--alias-color-text-tertiary:var(--color-base-blue-gray-650);--alias-color-text-secondary:var(--color-base-blue-gray-350);--alias-color-text-primary:var(--color-base-blue-gray-600);--alias-color-brand-primary:var(--color-base-blue-default);--color-font-table-cell-active:var(--color-base-blue-green-default);--color-base-blue-gray-default:var(--color-base-blue-gray-450);--color-font-table-cell-link:var(--alias-color-brand-primary);--color-font-table-cell-danger:var(--alias-color-danger);--color-font-table-cell-caution:var(--alias-color-caution);--color-font-table-cell-secondary:var(--alias-color-text-secondary);--color-font-table-cell-primary:var(--alias-color-text-primary);--color-font-link:var(--alias-color-brand-primary);--color-background-block-content:var(--alias-color-background-quarternary)}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)}:root{--shadow-switch-thumb-focused:0 0 0 2px var(--alias-color-brand-primary);--spacing-switch-thumb-size:20px;--spacing-side-nav-compact-item-margin-block-end:0;--size-input-block-size:var(--spacing-base-10);--size-button-sm-height:var(--spacing-base-8);--size-button-xs-height:var(--spacing-base-6-5);--size-button-height:var(--spacing-base-10);--spacing-input-icon-inset-block:var(--spacing-base-2-5);--spacing-input-icon-inset-inline:var(--spacing-base-2-5);--spacing-input-with-icon-inline-end:var(--spacing-base-10);--spacing-button-sm-icon-size:var(--spacing-base-4);--spacing-button-xs-icon-size:var(--spacing-base-3-5);--spacing-button-icon-size:var(--spacing-base-5);--spacing-button-sm-padding-y:var(--spacing-base-0-75);--spacing-button-sm-padding-x:var(--spacing-base-7);--spacing-button-xs-padding-y:var(--spacing-base-1);--spacing-button-xs-padding-x:var(--spacing-base-1-5);--color-font-side-nav-item-active-danger:var(--color-base-white);--color-background-switch-thumb:var(--color-base-white);--shadow-switch-thumb-disabled:inset 0 0 0 2px var(--alias-color-background-overlay-blocked);--spacing-side-nav-compact-item-padding-inline:var(--spacing-base-lg);--spacing-side-nav-item-margin-block-end:var(--spacing-base-xxs);--spacing-side-nav-item-padding-block:var(--spacing-base-xs);--spacing-side-nav-item-padding-inline:var(--spacing-base-md);--spacing-side-nav-compact-gap:var(--spacing-base-xxs);--spacing-side-nav-gap:var(--spacing-base-sm);--spacing-input-padding-inline:var(--spacing-base-md);--spacing-button-bar-padding-block:var(--spacing-base-lg);--spacing-button-bar-padding-inline-large:var(--spacing-base-xl);--spacing-button-bar-padding-inline:var(--spacing-base-lg);--spacing-button-xs-icon-margin-inline-end:var(--spacing-base-sm);--spacing-button-icon-margin-inline-end:var(--spacing-base-md);--spacing-button-padding-y:var(--spacing-base-xs);--spacing-button-padding-x:var(--spacing-base-lg);--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-base-blue-gray-900);--color-font-button-caution-base:var(--color-base-blue-gray-900);--color-font-button-ok-base:var(--color-base-blue-gray-900);--color-font-button-primary-base:var(--color-base-blue-gray-900);--color-background-switch-track-active:var(--color-base-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-base-5);width:var(--spacing-base-5)}.lds-icon--svg.lg{height:var(--spacing-base-6);width:var(--spacing-base-6)}.lds-icon--svg.xl{height:var(--spacing-base-7);width:var(--spacing-base-7)}.lds-icon--svg.xxl{height:var(--spacing-base-8);width:var(--spacing-base-8)}.lds-icon--svg.xxxl{height:var(--spacing-base-12);width:var(--spacing-base-12)}.lds-icon--svg.xxxxl{height:var(--spacing-base-16);width:var(--spacing-base-16)}.lds-icon--svg.xxxxxl{height:var(--spacing-base-20);width:var(--spacing-base-20)}.lds-icon--svg.xxxxxxl{height:var(--spacing-base-24);width:var(--spacing-base-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-base-black)}.lds-icon--svg.on-dark>svg{fill:var(--color-base-white)}.lds-icon--svg.primary>svg{fill:var(--color-base-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:.25rem;display:inline-block;height:var(--spacing-base-sm);padding:0;vertical-align:super;width:var(--spacing-base-sm)}.lds-badge--md{border-radius:.375rem;height:var(--spacing-base-md);width:var(--spacing-base-md)}.lds-badge--lg{border-radius:.5rem;height:var(--spacing-base-lg);width:var(--spacing-base-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:.25rem;border-width:1px;color:var(--color-font-button-secondary-base);font-family:var(--typography-font-main);font-size:var(--typography-base-size-base);height:var(--size-button-height);line-height:var(--typography-base-line-height-base);padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);transition:background-color var(--transition-base-duration-default) var(--transition-base-easing-default)}.lds-button--sm,.lds-button--xs{border-radius:.375rem;font-size:var(--typography-base-size-sm);line-height:var(--typography-base-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-base-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-base-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-base-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:.25rem;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-base-duration-default) var(--transition-base-easing-default)}.lds-input--with-icon>.lds-input{padding-right:var(--spacing-input-with-icon-padding-inline-end)}.lds-input:disabled{opacity:var(--opacity-base-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-base-disabled)}.lds-input::placeholder{opacity:var(--opacity-base-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-base-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:.125rem;color:rgb(0 0 0/var(--tw-text-opacity));display:inline-block;font-size:var(--typography-base-size-xxs);font-weight:500;line-height:var(--typography-base-line-height-xxs);line-height:1rem;padding-bottom:0;padding-left:var(--spacing-base-sm);padding-right:var(--spacing-base-sm);padding-top:0}.lds-lozenge--md{font-size:var(--typography-base-size-xs);line-height:var(--typography-base-line-height-xs);line-height:1.25rem}.lds-lozenge--lg{font-size:var(--typography-base-size-sm);line-height:var(--typography-base-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-base-lg)}.lds-panel--header{background-color:var(--color-background-block-header);font-size:var(--typography-base-size-sm);line-height:var(--typography-base-line-height-sm);text-align:center}.lds-panel--content{background-color:var(--color-background-block-content)}.lds-panel--footer{background-color:var(--color-background-block-footer)}@media (min-width:640px){.lds-panel--header{border-top-left-radius:.75rem;border-top-right-radius:.75rem;margin-top:var(--spacing-base-xl)}}.lds-panel--header{padding-bottom:var(--spacing-base-2xl);padding-top:var(--spacing-base-2xl)}@media (min-width:640px){.lds-panel--header{padding-left:var(--spacing-base-xl);padding-right:var(--spacing-base-xl)}.lds-panel--content{padding:var(--spacing-base-xl)}.lds-panel--footer{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;margin-bottom:var(--spacing-base-xl)}.lds-panel--footer:not(.lds-button-bar){padding-left:var(--spacing-base-xl);padding-right:var(--spacing-base-xl)}}.lds-panel--loading{position:relative}.lds-panel--footer,.lds-panel--header{opacity:1;transition:opacity var(--transition-base-duration-slow) var(--transition-base-easing-in-out)}.lds-panel--footer.lds-panel--loading,.lds-panel--header.lds-panel--loading{opacity:var(--opacity-base-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-base-3xl);padding-top:var(--spacing-base-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-base-xl);margin-top:var(--spacing-base-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:.75rem}}.lds-modal--modal-content{box-shadow:var(--shadow-base-xl);max-height:100vh;overflow-y:auto}.lds-modal--modal-content>header{margin:0;padding-bottom:var(--spacing-base-xl);padding-top:var(--spacing-base-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-base-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-base-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-base-size-xs);line-height:var(--typography-base-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-base-size-xs);line-height:var(--typography-base-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:.375rem;color:var(--color-font-side-nav-item-base-default);cursor:pointer;display:block;font-size:var(--typography-base-size-base);font-weight:500;line-height:var(--typography-base-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-base-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-base-duration-default) var(--transition-base-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-base-easing-default),box-shadow var(--transition-base-duration-default) var(--transition-base-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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button/Button.js"),
|
|
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"),a=require("./LoadingIndicator/LoadingIndicator.js"),i=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),s=require("./NumberBadge/NumberBadge.js"),d=require("./Panel/Panel.js"),n=require("./SideNav/SideNav.js"),p=require("./SideNav/SideNavGroup.js"),B=require("./SideNav/SideNavItem.js"),j=require("./Switch/Switch.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.Input=o,exports.LoadingIndicator=a,exports.Lozenge=i,exports.Modal=u,exports.NumberBadge=s.default,exports.Panel=d,exports.SideNav=n.default,exports.SideNavGroup=p.default,exports.SideNavItem=B,exports.Switch=j.Switch;
|
package/lib/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Button/Button.js"),
|
|
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"),a=require("./LoadingIndicator/LoadingIndicator.js"),i=require("./Lozenge/Lozenge.js"),u=require("./Modal/Modal.js"),s=require("./NumberBadge/NumberBadge.js"),d=require("./Panel/Panel.js"),n=require("./SideNav/SideNav.js"),p=require("./SideNav/SideNavGroup.js"),B=require("./SideNav/SideNavItem.js"),j=require("./Switch/Switch.js");exports.Badge=e,exports.Button=r,exports.ButtonBar=t,exports.Input=o,exports.LoadingIndicator=a,exports.Lozenge=i,exports.Modal=u,exports.NumberBadge=s.default,exports.Panel=d,exports.SideNav=n.default,exports.SideNavGroup=p.default,exports.SideNavItem=B,exports.Switch=j.Switch;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export interface BadgeProps extends Pick<HTMLAttributes<HTMLSpanElement>, "id" | "className" | "title" | "aria-label" | "aria-hidden" | "role"> {
|
|
3
|
+
/**
|
|
4
|
+
* If no title has not been provided, the badge will be hidden from screen readers.
|
|
5
|
+
*/
|
|
6
|
+
title?: string;
|
|
7
|
+
/**
|
|
8
|
+
* Defines the color of the lozenge.
|
|
9
|
+
* @default secondary
|
|
10
|
+
*/
|
|
11
|
+
type?: "primary" | "secondary" | "success" | "error" | "warning";
|
|
12
|
+
/**
|
|
13
|
+
* @default sm
|
|
14
|
+
*/
|
|
15
|
+
size?: "sm" | "md" | "lg";
|
|
16
|
+
}
|
|
17
|
+
export default function Badge({ className, type, size, title, ...props }: BadgeProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as t}from"../_virtual/_tslib.js";import a from"react";import r from"clsx";import s from"./Badge.module.css.js";function i(i){var o,l=i.className,m=i.type,d=void 0===m?"secondary":m,c=i.size,n=void 0===c?"sm":c,p=i.title,f=e(i,["className","type","size","title"]),u="role"in f?f.role:"status",v=!p||f["aria-hidden"];return a.createElement("span",t({},f,{"aria-hidden":v,title:p,role:u,className:r(s.badge,(o={},o[s[n]]="sm"!==n,o[s[d]]="secondary"!==d,o),l)}))}export{i as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var d={badge:"lds-badge",md:"lds-badge--md",lg:"lds-badge--lg",success:"lds-badge--success",error:"lds-badge--error",warning:"lds-badge--warning",primary:"lds-badge--primary"};export{d as default};
|
package/lib/es/Button/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{forwardRef as
|
|
1
|
+
import e,{forwardRef as t,useRef as a,useEffect as n,useState as i,useCallback as o}from"react";import r from"clsx";import l from"./Button.module.css.js";var c=t((function(t,c){var s,d=t.label,p=t.primary,m=t.discreet,u=t.case,f=t.textTransform,v=t.disabled,b=void 0!==v&&v,y=t.loading,N=void 0!==y&&y,E=t.className,g=t["aria-label"],h=t.id,x=t.type,z=void 0===x?"default":x,T=t.size,j=void 0===T?"md":T,k=t.buttonType,B=void 0===k?"button":k,C=t.icon,O=t.iconPosition,P=void 0===O?"left":O,w=t.loadingStateOnPromise,D=void 0!==w&&w,L=t.onClick,R=t.children,S=z,U=a(!0);n((function(){return U.current=!0,function(){U.current=!1}}),[]);var V=i(!1),_=V[0],q=V[1],A=N||_,F=o((function(e){if("function"==typeof L&&!A){var t,a=L(e);D&&("object"==typeof(t=a)&&null!==t&&"then"in t&&"function"==typeof t.then)&&(q(!0),a.finally((function(){U.current&&q(!1)})))}}),[L,A,D]);p&&(S="primary");var G=f;return u&&(G=G||u,"development"===process.env.NODE_ENV&&console.warn("Button: `case` prop is deprecated. Use `textTransform` instead.")),e.createElement("button",{ref:c,id:h,type:B,onClick:F,className:r(l.button,E,S,(s={},s[l.uppercase]="uppercase"===G,s[l.capitalize]="capitalize"===G,s[l.discreet]=m,s[l.loading]=A,s[l[j]]="md"!==j,s)),"aria-label":g||("string"==typeof d?d:""),disabled:b||_},C&&"left"===P&&e.createElement(C,{className:l.icon}),e.createElement("span",{className:l.label},d),R,C&&"right"===P&&e.createElement(C,{className:r(l.icon,l.iconR)}),A&&e.createElement("span",{className:"lds-only-aria","aria-live":"polite","aria-busy":"true"}," ","Loading"))}));export{c as default};
|
|
@@ -3,7 +3,7 @@ import { type Icon } from "@k8slens/lds-icons/lib/es/Icon/Icon.d";
|
|
|
3
3
|
export declare type Type = "default" | "primary" | "ok" | "danger" | "caution";
|
|
4
4
|
export declare type Size = "xs" | "sm" | "md";
|
|
5
5
|
export declare type IconPosition = "right" | "left";
|
|
6
|
-
export declare type
|
|
6
|
+
export declare type TextTransform = "uppercase" | "capitalize";
|
|
7
7
|
export interface Props {
|
|
8
8
|
label: string;
|
|
9
9
|
icon?: Icon;
|
|
@@ -13,8 +13,8 @@ export interface Props {
|
|
|
13
13
|
primary?: boolean;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
discreet?: boolean;
|
|
16
|
-
/** @deprecated Use `case: "
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
/** @deprecated Use `case: "textTransform"` instead */
|
|
17
|
+
case?: TextTransform;
|
|
18
|
+
textTransform?: TextTransform;
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { HTMLAttributes } from "react";
|
|
2
|
+
export declare type TextTransform = "uppercase" | "capitalize";
|
|
3
|
+
export interface LozengeProps extends Pick<HTMLAttributes<HTMLSpanElement>, "id" | "className" | "title" | "aria-label" | "aria-hidden" | "role" | "children"> {
|
|
4
|
+
/**
|
|
5
|
+
* Defines the color of the lozenge.
|
|
6
|
+
* @default secondary
|
|
7
|
+
*/
|
|
8
|
+
type?: "primary" | "secondary" | "success" | "error" | "warning";
|
|
9
|
+
/**
|
|
10
|
+
* Use uppercase letters or capitalize text.
|
|
11
|
+
*/
|
|
12
|
+
textTransform?: TextTransform;
|
|
13
|
+
/**
|
|
14
|
+
* @default sm
|
|
15
|
+
*/
|
|
16
|
+
size?: "sm" | "md" | "lg";
|
|
17
|
+
}
|
|
18
|
+
export default function Lozenge({ className, textTransform, type, children, size, ...props }: LozengeProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as r}from"../_virtual/_tslib.js";import s from"react";import a from"clsx";import t from"./Lozenge.module.css.js";function o(o){var i,m=o.className,c=o.textTransform,l=o.type,p=void 0===l?"secondary":l,n=o.children,d=o.size,f=void 0===d?"sm":d,u=e(o,["className","textTransform","type","children","size"]);return s.createElement("span",r({},u,{className:a(t.lozenge,(i={},i[t[f]]="sm"!==f,i[t[p]]="secondary"!==p,i[t.uppercase]="uppercase"===c,i[t.capitalize]="capitalize"===c,i),m)}),n)}export{o as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e={lozenge:"lds-lozenge",md:"lds-lozenge--md",lg:"lds-lozenge--lg",success:"lds-lozenge--success",error:"lds-lozenge--error",warning:"lds-lozenge--warning",primary:"lds-lozenge--primary",uppercase:"lds-lozenge--uppercase",capitalize:"lds-lozenge--capitalize"};export{e as default};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { AriaRole } from "react";
|
|
2
|
+
import { LozengeProps } from "../Lozenge/Lozenge";
|
|
3
|
+
export declare const formatNumber: (n: number) => string;
|
|
4
|
+
interface BaseNumberBadgeProps extends Omit<LozengeProps, "role" | "children" | "title" | "textTransform" | "size"> {
|
|
5
|
+
value: number | null | undefined;
|
|
6
|
+
/**
|
|
7
|
+
* If no title has not been provided, the badge will be hidden from screen readers.
|
|
8
|
+
*/
|
|
9
|
+
title?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Show badge even if value is zero.
|
|
12
|
+
*/
|
|
13
|
+
showZero?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Show a plus sign for positive values.
|
|
16
|
+
* @default false
|
|
17
|
+
*/
|
|
18
|
+
displayPlusSign?: boolean;
|
|
19
|
+
}
|
|
20
|
+
interface StatusNumberBadgeProps extends BaseNumberBadgeProps {
|
|
21
|
+
title: string;
|
|
22
|
+
/**
|
|
23
|
+
* @default "status"
|
|
24
|
+
*/
|
|
25
|
+
role?: "status";
|
|
26
|
+
}
|
|
27
|
+
interface Props extends BaseNumberBadgeProps {
|
|
28
|
+
/**
|
|
29
|
+
* @default "status"
|
|
30
|
+
*/
|
|
31
|
+
role: Exclude<AriaRole, "status">;
|
|
32
|
+
}
|
|
33
|
+
export declare type NumberBadgeProps = StatusNumberBadgeProps | Props;
|
|
34
|
+
export default function NumberBadge({ className, value, showZero, displayPlusSign, title, ...props }: NumberBadgeProps): JSX.Element | null;
|
|
35
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{__rest as e,__assign as r}from"../_virtual/_tslib.js";import t from"react";import a from"clsx";import o from"../Lozenge/Lozenge.js";import i from"./NumberBadge.module.css.js";var l=function(e){return e>99?"99+":e<-99?"-99+":e.toString()},n=function(e){var r=Math.abs(e),t=e<0?"-":"";return r>=1e6?r>99e6?l(e/1e6).replace(/\+$/,"M+"):"".concat(t).concat((r/1e6).toFixed(1),"M"):r>=1e3?r>99e3?l(e/1e3).replace(/\+$/,"k+"):"".concat(t).concat((r/1e3).toFixed(1),"k"):l(e)};function s(l){var s=l.className,c=l.value,u=l.showZero,m=l.displayPlusSign,d=l.title,f=e(l,["className","value","showZero","displayPlusSign","title"]);if(null==c||0===c&&!u)return null;var p=n(c);c>0&&m&&(p="+".concat(p));var v="role"in f?f.role:"status",g=!d||f["aria-hidden"];return t.createElement(o,r({},f,{"aria-hidden":g,title:d,className:a(i.numberBadge,s),role:v,size:"sm"}),p)}export{s as default,n as formatNumber};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e={numberBadge:"lds-number-badge"};export{e as default};
|
package/lib/es/components.d.ts
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
export { default as Badge } from "./Badge/Badge";
|
|
1
2
|
export { default as Button } from "./Button/Button";
|
|
2
3
|
export { default as ButtonBar } from "./ButtonBar/ButtonBar";
|
|
3
4
|
export { default as Input } from "./Input/Input";
|
|
4
5
|
export { default as LoadingIndicator } from "./LoadingIndicator/LoadingIndicator";
|
|
6
|
+
export { default as Lozenge } from "./Lozenge/Lozenge";
|
|
5
7
|
export { default as Modal } from "./Modal/Modal";
|
|
8
|
+
export { default as NumberBadge } from "./NumberBadge/NumberBadge";
|
|
6
9
|
export { default as Panel } from "./Panel/Panel";
|
|
7
10
|
export { default as SideNav } from "./SideNav/SideNav";
|
|
8
11
|
export { default as SideNavGroup } from "./SideNav/SideNavGroup";
|