@mich8060/unified-design-system 0.2.40 → 0.2.42
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/dist/ai/manifest.json +18 -0
- package/dist/components/Dropdown/Dropdown.cjs +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/SearchInput/SearchInput.cjs +1 -1
- package/dist/components/SearchInput/SearchInput.js +1 -1
- package/dist/components/Tag/Tag.cjs +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/TextInput/TextInput.cjs +1 -1
- package/dist/components/TextInput/TextInput.js +1 -1
- package/dist/design-system/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/design-system/components/Dropdown/Dropdown.types.d.ts +2 -0
- package/dist/design-system/components/SearchInput/SearchInput.d.ts +2 -1
- package/dist/design-system/components/SearchInput/SearchInput.types.d.ts +19 -0
- package/dist/design-system/components/Tag/Tag.d.ts +3 -1
- package/dist/design-system/components/Tag/Tag.types.d.ts +8 -3
- package/dist/design-system/components/Tag/index.d.ts +1 -1
- package/dist/design-system/components/TextInput/TextInput.d.ts +1 -1
- package/dist/design-system/components/TextInput/TextInput.types.d.ts +2 -0
- package/dist/design-system/generated/component-api.d.ts +6 -0
- package/dist/generated/component-api.cjs +1 -1
- package/dist/generated/component-api.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/ai/manifest.json
CHANGED
|
@@ -2760,6 +2760,22 @@
|
|
|
2760
2760
|
"slots": null,
|
|
2761
2761
|
"states": [],
|
|
2762
2762
|
"props": {
|
|
2763
|
+
"pastel": {
|
|
2764
|
+
"type": "enum",
|
|
2765
|
+
"values": [
|
|
2766
|
+
true,
|
|
2767
|
+
false
|
|
2768
|
+
],
|
|
2769
|
+
"default": false
|
|
2770
|
+
},
|
|
2771
|
+
"outlined": {
|
|
2772
|
+
"type": "enum",
|
|
2773
|
+
"values": [
|
|
2774
|
+
true,
|
|
2775
|
+
false
|
|
2776
|
+
],
|
|
2777
|
+
"default": false
|
|
2778
|
+
},
|
|
2763
2779
|
"appearance": {
|
|
2764
2780
|
"type": "enum",
|
|
2765
2781
|
"values": [
|
|
@@ -2803,6 +2819,8 @@
|
|
|
2803
2819
|
}
|
|
2804
2820
|
},
|
|
2805
2821
|
"defaults": {
|
|
2822
|
+
"pastel": false,
|
|
2823
|
+
"outlined": false,
|
|
2806
2824
|
"appearance": "label-only",
|
|
2807
2825
|
"size": "compact",
|
|
2808
2826
|
"color": "transparent",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),L=require("../Icon/Icon.cjs"),k=require("../ActionMenu/ActionMenu.cjs");;/* empty css */const t="uds-dropdown",b={compact:"compact",default:null},g={default:null,focused:"focused",error:"error",disabled:"disabled"};function A({options:m=[],value:n,onChange:r,placeholder:o,size:f="default",state:p="default",placement:v="bottom-start",searchable:S=!0,menuFullWidth:h=!0,id:j,className:w="",disabled:a=!1,...x}){const[c,C]=l.useState(!1),M=l.useId(),N=j||`dropdown-${M}`,u=l.useMemo(()=>m.map(e=>typeof e=="string"?{value:e,label:e}:e),[m]),$=a?"disabled":p==="default"&&c?"focused":p,i=u.find(e=>e.value===n),d=typeof o=="string"&&o.trim().length>0?o.trim():"Select an option",I=i?i.label:d,O=l.useMemo(()=>u.map(e=>({id:e.value,label:e.label,active:e.value===n,onClick:()=>{r&&!a&&r(e.value)}})),[u,n,r,a]),q=[t,b[f]&&`${t}--${b[f]}`,g[$]&&`${t}--${g[$]}`,c&&`${t}--open`,w].filter(Boolean).join(" "),_={...x};delete _.label;const y=s.jsxs("button",{type:"button",id:N,className:`${t}__trigger`,disabled:a,"aria-label":d,..._,children:[s.jsx("span",{className:`${t}__value ${i?"":`${t}__value--placeholder`}`,children:I}),s.jsx(L.default,{name:"CaretDown",size:16,appearance:"regular",className:`${t}__icon ${c?`${t}__icon--open`:""}`})]});return s.jsx("div",{className:`${t}-outer`,children:s.jsx(k.default,{trigger:y,items:O,variant:S?"search":"default",searchPlaceholder:`Search ${d.toLowerCase()}`,placement:v,fullWidth:h,disabled:a,onOpenChange:C,className:q,menuClassName:`${t}__menu`})})}const B=l.memo(A);exports.default=B;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as s,jsxs as
|
|
1
|
+
import{jsx as s,jsxs as k}from"react/jsx-runtime";import A,{useState as B,useId as D,useMemo as _}from"react";import z from"../Icon/Icon.js";import P from"../ActionMenu/ActionMenu.js";/* empty css */const t="uds-dropdown",b={compact:"compact",default:null},g={default:null,focused:"focused",error:"error",disabled:"disabled"};function E({options:d=[],value:o,onChange:l,placeholder:r,size:m="default",state:p="default",placement:h="bottom-start",searchable:v=!0,menuFullWidth:w=!0,id:C,className:N="",disabled:a=!1,...S}){const[n,I]=B(!1),O=D(),x=C||`dropdown-${O}`,c=_(()=>d.map(e=>typeof e=="string"?{value:e,label:e}:e),[d]),f=a?"disabled":p==="default"&&n?"focused":p,u=c.find(e=>e.value===o),i=typeof r=="string"&&r.trim().length>0?r.trim():"Select an option",y=u?u.label:i,L=_(()=>c.map(e=>({id:e.value,label:e.label,active:e.value===o,onClick:()=>{l&&!a&&l(e.value)}})),[c,o,l,a]),M=[t,b[m]&&`${t}--${b[m]}`,g[f]&&`${t}--${g[f]}`,n&&`${t}--open`,N].filter(Boolean).join(" "),$={...S};delete $.label;const j=k("button",{type:"button",id:x,className:`${t}__trigger`,disabled:a,"aria-label":i,...$,children:[s("span",{className:`${t}__value ${u?"":`${t}__value--placeholder`}`,children:y}),s(z,{name:"CaretDown",size:16,appearance:"regular",className:`${t}__icon ${n?`${t}__icon--open`:""}`})]});return s("div",{className:`${t}-outer`,children:s(P,{trigger:j,items:L,variant:v?"search":"default",searchPlaceholder:`Search ${i.toLowerCase()}`,placement:h,fullWidth:w,disabled:a,onOpenChange:I,className:M,menuClassName:`${t}__menu`})})}const G=A.memo(E);export{G as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),h=require("../Dropdown/Dropdown.cjs");;/* empty css */const S=require("../TextInput/TextInput.cjs"),m="uds-search-input";function p({dropdownOptions:e,dropdownValue:c,onDropdownChange:t,dropdownPlaceholder:o="All",dropdownDisabled:u=!1,dropdownPlacement:i="bottom-end",className:f="",disabled:l=!1,size:n="default",...r}){const d=!!(e&&e.length>0)?s.jsx(h.default,{options:e,value:c,onChange:a=>{typeof a=="string"&&(t==null||t(a))},placeholder:o,size:n,placement:i,disabled:l||u,searchable:!1,menuFullWidth:!1,className:`${m}__dropdown-control`}):null;return s.jsx(S.default,{type:"search",icon:"MagnifyingGlass",iconPosition:"left",placeholder:r.placeholder??"Search",className:f,disabled:l,size:n,endAdornment:d,...r})}exports.SearchInput=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as n}from"react/jsx-runtime";import u from"../Dropdown/Dropdown.js";/* empty css */import h from"../TextInput/TextInput.js";const d="uds-search-input";function x({dropdownOptions:e,dropdownValue:c,onDropdownChange:l,dropdownPlaceholder:s="All",dropdownDisabled:f=!1,dropdownPlacement:i="bottom-end",className:m="",disabled:t=!1,size:o="default",...r}){const p=!!(e&&e.length>0)?n(u,{options:e,value:c,onChange:a=>{typeof a=="string"&&(l==null||l(a))},placeholder:s,size:o,placement:i,disabled:t||f,searchable:!1,menuFullWidth:!1,className:`${d}__dropdown-control`}):null;return n(h,{type:"search",icon:"MagnifyingGlass",iconPosition:"left",placeholder:r.placeholder??"Search",className:m,disabled:t,size:o,endAdornment:p,...r})}export{x as SearchInput};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),j=require("../Icon/Icon.cjs");;/* empty css */const e="uds-tag",h={"label-only":"label-only","icon-left":"icon-left"},i={compact:"compact",default:"default"},x={transparent:"transparent",neutral:"neutral",red:"red",orange:"orange",yellow:"yellow",emerald:"emerald",green:"green",sky:"sky",cyan:"cyan",blue:"blue",indigo:"indigo",purple:"purple",fuchsia:"fuchsia",magenta:"magenta",inverse:"inverse"};function M({label:l="Label",appearance:r="label-only",size:n="compact",color:p="transparent",rounded:d=!0,solid:t=!1,outlined:f=!1,pastel:m=!1,icon:a,className:g="",onClick:o,...$}){const c=f&&!t,y=m&&!t&&!c,b=[e,`${e}--${h[r]}`,i[n]&&`${e}--${i[n]}`,`${e}--${x[p]}`,d&&`${e}--rounded`,t&&`${e}--solid`,c&&`${e}--outlined`,y&&`${e}--pastel`,g].filter(Boolean).join(" "),_=o?"button":"span",u=r==="icon-left"&&a;return s.jsxs(_,{className:b,onClick:o,...$,children:[u&&typeof a=="string"&&s.jsx(j.default,{name:a,size:n==="compact"?10:12,appearance:"regular",className:`${e}__icon`}),u&&typeof a!="string"&&s.jsx("span",{className:`${e}__icon`,children:a}),l&&s.jsx("span",{className:`${e}__label`,children:l})]})}exports.default=M;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as h,jsx as l}from"react/jsx-runtime";import N from"../Icon/Icon.js";/* empty css */const e="uds-tag",j={"label-only":"label-only","icon-left":"icon-left"},i={compact:"compact",default:"default"},x={transparent:"transparent",neutral:"neutral",red:"red",orange:"orange",yellow:"yellow",emerald:"emerald",green:"green",sky:"sky",cyan:"cyan",blue:"blue",indigo:"indigo",purple:"purple",fuchsia:"fuchsia",magenta:"magenta",inverse:"inverse"};function v({label:t="Label",appearance:o="label-only",size:n="compact",color:m="transparent",rounded:u=!0,solid:s=!1,outlined:f=!1,pastel:d=!1,icon:a,className:g="",onClick:r,...$}){const c=f&&!s,y=d&&!s&&!c,b=[e,`${e}--${j[o]}`,i[n]&&`${e}--${i[n]}`,`${e}--${x[m]}`,u&&`${e}--rounded`,s&&`${e}--solid`,c&&`${e}--outlined`,y&&`${e}--pastel`,g].filter(Boolean).join(" "),_=r?"button":"span",p=o==="icon-left"&&a;return h(_,{className:b,onClick:r,...$,children:[p&&typeof a=="string"&&l(N,{name:a,size:n==="compact"?10:12,appearance:"regular",className:`${e}__icon`}),p&&typeof a!="string"&&l("span",{className:`${e}__icon`,children:a}),t&&l("span",{className:`${e}__label`,children:t})]})}export{v as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),R=require("react"),k=require("../Icon/Icon.cjs");;/* empty css */const e="uds-input",x={compact:"compact",default:"default"},I={default:"default",focused:"focused",error:"error",disabled:"disabled"};function z({value:h,onChange:N,placeholder:v,type:g="text",size:o="default",state:B="default",disabled:u=!1,icon:t,iconPosition:i="right",onIconClick:p,id:S,label:d,helperText:r,errorText:l,endAdornment:n,className:y="","aria-describedby":C,...q}){const a=u?"disabled":B,w=R.useId().replace(/:/g,""),c=S??(!!d||!!r||!!l?`${e}-${w}`:void 0),$=r?`${c}-helper-text`:void 0,_=l?`${c}-error-text`:void 0,M=[C,a==="error"?_:$].filter(Boolean).join(" ")||void 0,E=[e,x[o]&&`${e}--${x[o]}`,I[a]&&`${e}--${I[a]}`,t&&`${e}--has-icon-${i}`,n&&`${e}--has-end-adornment`].filter(Boolean).join(" "),f=[`${e}-wrapper`,t&&`${e}-wrapper--icon-${i}`,n&&`${e}-wrapper--has-end-adornment`,y].filter(Boolean).join(" "),m=s.jsx("input",{id:c,type:g,className:E,value:h,onChange:N,placeholder:v,disabled:u||a==="disabled","aria-invalid":a==="error"?!0:void 0,"aria-describedby":M,...q}),j=()=>{if(!t)return s.jsxs("div",{className:f,children:[m,n?s.jsx("span",{className:`${e}__end-adornment`,children:n}):null]});const G=o==="compact"?16:20,b=typeof t=="string"?s.jsx(k.default,{name:t,size:G}):t,O=p?s.jsx("button",{type:"button",className:`${e}__icon ${e}__icon--${i} ${e}__icon--clickable`,onClick:p,disabled:u||a==="disabled",tabIndex:-1,"aria-label":"Input action",children:b}):s.jsx("span",{className:`${e}__icon ${e}__icon--${i}`,children:b});return s.jsxs("div",{className:f,children:[m,O,n?s.jsx("span",{className:`${e}__end-adornment`,children:n}):null]})};return!d&&!r&&!l?j():s.jsxs("div",{className:`${e}-field`,children:[d?s.jsx("label",{className:`${e}__label`,htmlFor:c,children:d}):null,j(),a==="error"&&l?s.jsx("p",{id:_,className:`${e}__supporting-text ${e}__supporting-text--error`,children:l}):null,a!=="error"&&r?s.jsx("p",{id:$,className:`${e}__supporting-text`,children:r}):null]})}exports.default=z;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as u,jsx as a}from"react/jsx-runtime";import F from"react";import L from"../Icon/Icon.js";/* empty css */const e="uds-input",N={compact:"compact",default:"default"},v={default:"default",focused:"focused",error:"error",disabled:"disabled"};function J({value:g,onChange:B,placeholder:x,type:S="text",size:c="default",state:j="default",disabled:p=!1,icon:s,iconPosition:l="right",onIconClick:$,id:y,label:o,helperText:r,errorText:i,endAdornment:n,className:C="","aria-describedby":w,...E}){const t=p?"disabled":j,z=F.useId().replace(/:/g,""),d=y??(!!o||!!r||!!i?`${e}-${z}`:void 0),m=r?`${d}-helper-text`:void 0,f=i?`${d}-error-text`:void 0,G=[w,t==="error"?f:m].filter(Boolean).join(" ")||void 0,M=[e,N[c]&&`${e}--${N[c]}`,v[t]&&`${e}--${v[t]}`,s&&`${e}--has-icon-${l}`,n&&`${e}--has-end-adornment`].filter(Boolean).join(" "),_=[`${e}-wrapper`,s&&`${e}-wrapper--icon-${l}`,n&&`${e}-wrapper--has-end-adornment`,C].filter(Boolean).join(" "),I=a("input",{id:d,type:S,className:M,value:g,onChange:B,placeholder:x,disabled:p||t==="disabled","aria-invalid":t==="error"?!0:void 0,"aria-describedby":G,...E}),b=()=>{if(!s)return u("div",{className:_,children:[I,n?a("span",{className:`${e}__end-adornment`,children:n}):null]});const h=typeof s=="string"?a(L,{name:s,size:c==="compact"?16:20}):s,k=$?a("button",{type:"button",className:`${e}__icon ${e}__icon--${l} ${e}__icon--clickable`,onClick:$,disabled:p||t==="disabled",tabIndex:-1,"aria-label":"Input action",children:h}):a("span",{className:`${e}__icon ${e}__icon--${l}`,children:h});return u("div",{className:_,children:[I,k,n?a("span",{className:`${e}__end-adornment`,children:n}):null]})};return!o&&!r&&!i?b():u("div",{className:`${e}-field`,children:[o?a("label",{className:`${e}__label`,htmlFor:d,children:o}):null,b(),t==="error"&&i?a("p",{id:f,className:`${e}__supporting-text ${e}__supporting-text--error`,children:i}):null,t!=="error"&&r?a("p",{id:m,className:`${e}__supporting-text`,children:r}):null]})}export{J as default};
|
|
@@ -18,6 +18,6 @@ import type { DropdownProps } from "./Dropdown.types";
|
|
|
18
18
|
* @param {boolean} disabled - Whether the dropdown is disabled
|
|
19
19
|
* @param {object} props - Additional props to pass to the trigger button
|
|
20
20
|
*/
|
|
21
|
-
declare function Dropdown({ options, value, onChange, placeholder, size, state, placement, id, className, disabled, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare function Dropdown({ options, value, onChange, placeholder, size, state, placement, searchable, menuFullWidth, id, className, disabled, ...props }: DropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
declare const _default: React.MemoExoticComponent<typeof Dropdown>;
|
|
23
23
|
export default _default;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
+
import "./_search-input.scss";
|
|
1
2
|
import type { SearchInputProps } from "./SearchInput.types";
|
|
2
|
-
export declare function SearchInput(props: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function SearchInput({ dropdownOptions, dropdownValue, onDropdownChange, dropdownPlaceholder, dropdownDisabled, dropdownPlacement, className, disabled, size, ...props }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,22 @@
|
|
|
1
1
|
import type { TextInputProps } from "../TextInput";
|
|
2
|
+
export interface SearchInputDropdownOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
2
6
|
export interface SearchInputProps extends Omit<TextInputProps, "type" | "icon" | "iconPosition"> {
|
|
7
|
+
/**
|
|
8
|
+
* Optional scope/filter dropdown rendered inside the right side of the input.
|
|
9
|
+
* Pass options to enable it.
|
|
10
|
+
*/
|
|
11
|
+
dropdownOptions?: SearchInputDropdownOption[];
|
|
12
|
+
/** Current selected dropdown value. */
|
|
13
|
+
dropdownValue?: string;
|
|
14
|
+
/** Called when dropdown selection changes. */
|
|
15
|
+
onDropdownChange?: (value: string) => void;
|
|
16
|
+
/** Placeholder shown in the dropdown when no value is selected. */
|
|
17
|
+
dropdownPlaceholder?: string;
|
|
18
|
+
/** Optional disabled override for the embedded dropdown. */
|
|
19
|
+
dropdownDisabled?: boolean;
|
|
20
|
+
/** Menu placement for the embedded dropdown popover. */
|
|
21
|
+
dropdownPlacement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
|
|
3
22
|
}
|
|
@@ -9,9 +9,11 @@ import type { TagProps } from "./Tag.types";
|
|
|
9
9
|
* @param {string} color - Color variant: 'transparent', 'neutral', 'red', 'orange', 'yellow', 'emerald', 'green', 'sky', 'cyan', 'blue', 'indigo', 'purple', 'fuchsia', 'magenta', 'inverse'
|
|
10
10
|
* @param {boolean} rounded - Whether to use rounded corners (default: true)
|
|
11
11
|
* @param {boolean} solid - Whether to use solid background (default: false)
|
|
12
|
+
* @param {boolean} outlined - Whether to use outlined treatment (default: false)
|
|
13
|
+
* @param {boolean} pastel - Whether to use lighter pastel treatment (default: false)
|
|
12
14
|
* @param {string|boolean} icon - Icon name to display (when appearance is 'icon-left')
|
|
13
15
|
* @param {string} className - Additional CSS classes
|
|
14
16
|
* @param {function} onClick - Click handler function
|
|
15
17
|
* @param {object} props - Additional props to pass to the tag element
|
|
16
18
|
*/
|
|
17
|
-
export default function Tag({ label, appearance, size, color, rounded, solid, icon, className, onClick, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
export default function Tag({ label, appearance, size, color, rounded, solid, outlined, pastel, icon, className, onClick, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import type { HTMLAttributes, ReactNode } from "react";
|
|
2
|
+
export type TagAppearance = "label-only" | "icon-left";
|
|
3
|
+
export type TagSize = "compact" | "default";
|
|
4
|
+
export type TagColor = "transparent" | "neutral" | "red" | "orange" | "yellow" | "emerald" | "green" | "sky" | "cyan" | "blue" | "indigo" | "purple" | "fuchsia" | "magenta" | "inverse";
|
|
2
5
|
export interface TagProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
6
|
label?: string;
|
|
4
|
-
appearance?:
|
|
5
|
-
size?:
|
|
6
|
-
color?:
|
|
7
|
+
appearance?: TagAppearance;
|
|
8
|
+
size?: TagSize;
|
|
9
|
+
color?: TagColor;
|
|
7
10
|
rounded?: boolean;
|
|
8
11
|
solid?: boolean;
|
|
12
|
+
outlined?: boolean;
|
|
13
|
+
pastel?: boolean;
|
|
9
14
|
icon?: string | ReactNode;
|
|
10
15
|
className?: string;
|
|
11
16
|
onClick?: (...args: unknown[]) => void;
|
|
@@ -17,4 +17,4 @@ import type { TextInputProps } from "./TextInput.types";
|
|
|
17
17
|
* @param {string} className - Additional CSS classes
|
|
18
18
|
* @param {object} props - Additional props to pass to the input element
|
|
19
19
|
*/
|
|
20
|
-
export default function Input({ value, onChange, placeholder, type, size, state, disabled, icon, iconPosition, onIconClick, id, label, helperText, errorText, className, "aria-describedby": ariaDescribedBy, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export default function Input({ value, onChange, placeholder, type, size, state, disabled, icon, iconPosition, onIconClick, id, label, helperText, errorText, endAdornment, className, "aria-describedby": ariaDescribedBy, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -42,4 +42,6 @@ export interface TextInputProps extends Omit<InputHTMLAttributes<HTMLInputElemen
|
|
|
42
42
|
helperText?: ReactNode;
|
|
43
43
|
/** Error text rendered below the input when in error state. */
|
|
44
44
|
errorText?: ReactNode;
|
|
45
|
+
/** Optional custom element rendered inside the input on the right side. */
|
|
46
|
+
endAdornment?: ReactNode;
|
|
45
47
|
}
|
|
@@ -1919,6 +1919,11 @@ export declare const COMPONENT_API: {
|
|
|
1919
1919
|
readonly name: "Tag";
|
|
1920
1920
|
readonly source: "src/design-system/components/Tag/Tag.spec.ts";
|
|
1921
1921
|
readonly props: {
|
|
1922
|
+
readonly outlined: {
|
|
1923
|
+
readonly type: "enum";
|
|
1924
|
+
readonly values: readonly [true, false];
|
|
1925
|
+
readonly default: false;
|
|
1926
|
+
};
|
|
1922
1927
|
readonly appearance: {
|
|
1923
1928
|
readonly type: "enum";
|
|
1924
1929
|
readonly values: readonly ["label-only", "icon-left"];
|
|
@@ -1940,6 +1945,7 @@ export declare const COMPONENT_API: {
|
|
|
1940
1945
|
};
|
|
1941
1946
|
};
|
|
1942
1947
|
readonly defaults: {
|
|
1948
|
+
readonly outlined: false;
|
|
1943
1949
|
readonly appearance: "label-only";
|
|
1944
1950
|
readonly size: "compact";
|
|
1945
1951
|
readonly color: "transparent";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={Accordion:{name:"Accordion",source:"src/design-system/components/Accordion/Accordion.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ActionMenu:{name:"ActionMenu",source:"src/design-system/components/ActionMenu/ActionMenu.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu","Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},AppShell:{name:"AppShell",source:"src/design-system/components/AppShell/AppShell.spec.ts",tier:1,purpose:"Top-level application shell that composes menu, content, and main regions for consistent page architecture.",props:{brand:{type:"enum",values:["default","comphealth","weatherby","connect","locumsmart","modio","gms","chg","wireframe"],default:"default"},theme:{type:"enum",values:["light","dark"],default:"light"}},defaults:{brand:"default",theme:"light"},states:["default"],tokensUsed:["--uds-surface-primary","--uds-text-primary","--uds-border-primary","--uds-spacing-24"],accessibility:{role:"application",keyboard:["Tab"]},composition:{allowedChildren:["Menu","Container","Layout","Text","Button"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Avatar:{name:"Avatar",source:"src/design-system/components/Avatar/Avatar.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Badge:{name:"Badge",source:"src/design-system/components/Badge/Badge.spec.ts",props:{variant:{type:"enum",values:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],default:"red"},appearance:{type:"enum",values:["solid","outlined"],default:"solid"},rounded:{type:"boolean",default:!0}},defaults:{variant:"red",appearance:"solid",rounded:!0},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Branding:{name:"Branding",source:"src/design-system/components/Branding/Branding.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Breadcrumb:{name:"Breadcrumb",source:"src/design-system/components/Breadcrumb/Breadcrumb.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Button:{name:"Button",source:"src/design-system/components/Button/Button.spec.ts",props:{layout:{type:"enum",values:["label-only","icon-left","icon-right","icon-only","only"],default:"label-only"},appearance:{type:"enum",values:["primary","soft","outline","text","ghost","disabled","destructive"],default:"primary"},size:{type:"enum",values:["large","default","small","xsmall"],default:"default"}},defaults:{layout:"label-only",appearance:"primary",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Modal","Table","Tabs"],disallowedChildren:["Button"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ButtonGroup:{name:"ButtonGroup",source:"src/design-system/components/ButtonGroup/ButtonGroup.spec.ts",tier:2,purpose:"Groups related button actions with consistent spacing and orientation.",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},size:{type:"enum",values:["xsmall","small","default","large"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set button appearances in ButtonGroup options; grouped buttons are outline only.","Do not mix unrelated actions in one ButtonGroup."]},Calendar:{name:"Calendar",source:"src/design-system/components/Calendar/Calendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Checkbox:{name:"Checkbox",source:"src/design-system/components/Checkbox/Checkbox.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},CheckboxGroup:{name:"CheckboxGroup",source:"src/design-system/components/CheckboxGroup/CheckboxGroup.spec.ts",tier:2,purpose:"Provides grouped multi-select choices using Checkbox controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"group",keyboard:["Tab","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use CheckboxGroup when only one value may be selected.","Do not hide option labels."]},Checklist:{name:"Checklist",source:"src/design-system/components/Checklist/Checklist.spec.ts",tier:2,purpose:"Sidebar checklist for multi-step flows with completion status.",props:{},defaults:{},states:["default","active","completed","disabled"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibility:{role:"navigation",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Chip:{name:"Chip",source:"src/design-system/components/Chip/Chip.spec.ts",props:{selected:{type:"boolean",default:!1},shape:{type:"enum",values:["pill","rounded"],default:"pill"},size:{type:"enum",values:["default","compact","mini"],default:"default"},iconPlacement:{type:"enum",values:["both","left","right","none"],default:"none"},badgeVariant:{type:"string",default:"sky"}},defaults:{selected:!1,shape:"pill",size:"default",iconPlacement:"none",badgeVariant:"sky"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{iconplacement:"iconPlacement"}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Code:{name:"Code",source:"src/design-system/components/Code/Code.spec.ts",props:{language:{type:"enum",values:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],default:"javascript"},inline:{type:"enum",values:[!0,!1],default:!1}},defaults:{language:"javascript",inline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Container:{name:"Container",source:"src/design-system/components/Container/Container.spec.ts",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",props:{appearance:{type:"enum",values:["default","transparent"],default:"transparent"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingX:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingY:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"}},defaults:{appearance:"transparent",padding:"large",paddingX:"large",paddingY:"large"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:["Layout","Table","Text","Button","Field","Divider","Tag"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]},CurrencyInput:{name:"CurrencyInput",source:"src/design-system/components/CurrencyInput/CurrencyInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateInput:{name:"DateInput",source:"src/design-system/components/DateInput/DateInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Datepicker:{name:"Datepicker",source:"src/design-system/components/Datepicker/Datepicker.spec.ts",props:{size:{type:"string",default:"desktop"}},defaults:{size:"desktop"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateRangeInput:{name:"DateRangeInput",source:"src/design-system/components/DateRangeInput/DateRangeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dialog:{name:"Dialog",source:"src/design-system/components/Dialog/Dialog.spec.ts",props:{intent:{type:"string",default:"info"},confirmLabel:{type:"string",default:"Confirm"},cancelLabel:{type:"string",default:"Cancel"}},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Divider:{name:"Divider",source:"src/design-system/components/Divider/Divider.spec.ts",props:{alignment:{type:"enum",values:["left","center","right"],default:"center"},variant:{type:"enum",values:["line","solid"],default:"line"}},defaults:{alignment:"center",variant:"line"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DotStatus:{name:"DotStatus",source:"src/design-system/components/DotStatus/DotStatus.spec.ts",props:{variant:{type:"enum",values:["red","blue","inverse","orange","sky","indigo","rose","neutral","celery","lime","yellow","green","cyan","purple","fuchsia"],default:"blue"},size:{type:"enum",values:["small","medium","large"],default:"medium"},outline:{type:"boolean",default:!1}},defaults:{variant:"blue",size:"medium",outline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dropdown:{name:"Dropdown",source:"src/design-system/components/Dropdown/Dropdown.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},placeholder:{type:"string",default:"Select an option"},placement:{type:"string",default:"bottom-start"}},defaults:{size:"default",state:"default",placeholder:"Select an option",placement:"bottom-start"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},EmptyState:{name:"EmptyState",source:"src/design-system/components/EmptyState/EmptyState.spec.ts",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",props:{align:{type:"enum",values:["left","center"],default:"center"}},defaults:{align:"center"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]},EventCard:{name:"EventCard",source:"src/design-system/components/EventCard/EventCard.spec.ts",props:{title:{type:"string",default:"Title"},type:{type:"string",default:"travel"},status:{type:"string",default:"active"}},defaults:{title:"Title",type:"travel",status:"active"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Field:{name:"Field",source:"src/design-system/components/Field/Field.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],allowedParents:["Container","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},FileUpload:{name:"FileUpload",source:"src/design-system/components/FileUpload/FileUpload.spec.ts",props:{instructionText:{type:"string",default:"Drop files here or click to upload"}},defaults:{instructionText:"Drop files here or click to upload"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Flex:{name:"Flex",source:"src/design-system/components/Flex/Flex.spec.ts",tier:1,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and spacing.",props:{direction:{type:"enum",values:["row","column"],default:"row"},justifyContent:{type:"enum",values:["flex-start","center","flex-end","space-between","space-around","space-evenly"],default:"flex-start"},alignItems:{type:"enum",values:["stretch","flex-start","center","flex-end","baseline"],default:"stretch"},wrap:{type:"enum",values:["nowrap","wrap","wrap-reverse"],default:"nowrap"}},defaults:{direction:"row",justifyContent:"flex-start",alignItems:"stretch",wrap:"nowrap"},states:["default"],tokensUsed:["--uds-gap-*","--uds-spacing-*"],accessibility:{role:"generic",keyboard:["Tab"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Icon:{name:"Icon",source:"src/design-system/components/Icon/Icon.spec.ts",props:{appearance:{type:"string",default:"regular"}},defaults:{appearance:"regular"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ImageAspect:{name:"ImageAspect",source:"src/design-system/components/ImageAspect/ImageAspect.spec.ts",props:{aspectratio:{type:"enum",values:["square","video","4-3","3-2","21-9","portrait","auto"]},ratio:{type:"string",default:"square"}},defaults:{ratio:"square"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Key:{name:"Key",source:"src/design-system/components/Key/Key.spec.ts",props:{appearance:{type:"enum",values:["light","dark"],default:"light"}},defaults:{appearance:"light"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Layout:{name:"Layout",source:"src/design-system/components/Layout/Layout.spec.ts",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",props:{fullWidth:{type:"boolean",default:!1},appearance:{type:"enum",values:["full","equal","right","left"],default:"full"}},defaults:{fullWidth:!1,appearance:"full"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Link:{name:"Link",source:"src/design-system/components/Link/Link.spec.ts",tier:1,purpose:"Provides inline navigation and action links using semantic text-link tokens.",props:{appearance:{type:"enum",values:["primary","secondary"],default:"primary"},underline:{type:"enum",values:["always","hover","none"],default:"always"},disabled:{type:"boolean",default:!1}},defaults:{appearance:"primary",underline:"always",disabled:!1},states:["default","hover","active","visited","focus","disabled"],tokensUsed:["--uds-text-link-primary-default","--uds-text-link-primary-hover","--uds-text-link-primary-active","--uds-text-link-primary-visited","--uds-text-link-secondary-default","--uds-text-link-secondary-hover","--uds-text-link-secondary-active","--uds-text-link-secondary-visited","--uds-focus-ring-width","--uds-focus-ring-border","--uds-focus-ring-offset"],accessibility:{role:"link",keyboard:["Enter activates link","Tab/Shift+Tab moves focus"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Using Link for button-like actions that do not navigate.","Relying on color only without visible text for meaning."]},Menu:{name:"Menu",source:"src/design-system/components/Menu/Menu.spec.ts",props:{identity:{type:"string",default:"design-system"}},defaults:{identity:"design-system"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["ActionMenu","Dropdown","Toggle","Text","Icon"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},MicroCalendar:{name:"MicroCalendar",source:"src/design-system/components/MicroCalendar/MicroCalendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Modal:{name:"Modal",source:"src/design-system/components/Modal/Modal.spec.ts",props:{size:{type:"enum",values:["small","default","large","fullscreen"],default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],allowedParents:["AppShell","Container","root"],disallowedChildren:["Modal"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},NumberInput:{name:"NumberInput",source:"src/design-system/components/NumberInput/NumberInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"number"}},defaults:{size:"default",state:"default",type:"number"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Pagination:{name:"Pagination",source:"src/design-system/components/Pagination/Pagination.spec.ts",props:{variant:{type:"string",default:"default"}},defaults:{variant:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PasswordInput:{name:"PasswordInput",source:"src/design-system/components/PasswordInput/PasswordInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PhoneInput:{name:"PhoneInput",source:"src/design-system/components/PhoneInput/PhoneInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressCircle:{name:"ProgressCircle",source:"src/design-system/components/ProgressCircle/ProgressCircle.spec.ts",props:{shape:{type:"enum",values:["circle","half-circle"],default:"circle"},size:{type:"enum",values:["xxs","xs","sm","md","lg"],default:"md"}},defaults:{shape:"circle",size:"md"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressIndicator:{name:"ProgressIndicator",source:"src/design-system/components/ProgressIndicator/ProgressIndicator.spec.ts",props:{labelPosition:{type:"enum",values:["false","right","bottom","top-floating","bottom-floating"],default:!1},variant:{type:"enum",values:["default","blue","green","success","orange","warning","red","error","purple"],default:"default"},size:{type:"enum",values:["small","medium","large"],default:"medium"}},defaults:{labelPosition:!1,variant:"default",size:"medium"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProvidersCard:{name:"ProvidersCard",source:"src/design-system/components/ProvidersCard/ProvidersCard.spec.ts",tier:3,purpose:"Displays provider identity, status, metadata, tags, and quick actions in a compact card.",props:{statusVariant:{type:"enum",values:["green","orange","red","blue","neutral"],default:"green"}},defaults:{statusVariant:"green"},states:["default"],tokensUsed:["--uds-spacing-16","--uds-spacing-12","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-surface-primary"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use ProvidersCard for tabular datasets where rows and sorting are required.","Do not replace action buttons with non-interactive text when actions are expected."]},Radio:{name:"Radio",source:"src/design-system/components/Radio/Radio.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},RadioGroup:{name:"RadioGroup",source:"src/design-system/components/RadioGroup/RadioGroup.spec.ts",tier:2,purpose:"Provides grouped single-select choices using Radio controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"radiogroup",keyboard:["Tab","ArrowUp","ArrowDown","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use RadioGroup when users can select more than one option.","Do not omit visible labels when context is unclear."]},ScrollView:{name:"ScrollView",source:"src/design-system/components/ScrollView/ScrollView.spec.ts",tier:2,purpose:"Provides a container with controlled scroll direction.",props:{direction:{type:"enum",values:["vertical","horizontal"],default:"vertical"}},defaults:{direction:"vertical"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SearchInput:{name:"SearchInput",source:"src/design-system/components/SearchInput/SearchInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SectionHeader:{name:"SectionHeader",source:"src/design-system/components/SectionHeader/SectionHeader.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Slider:{name:"Slider",source:"src/design-system/components/Slider/Slider.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Statistics:{name:"Statistics",source:"src/design-system/components/Statistics/Statistics.spec.ts",tier:2,purpose:"Displays a KPI value with optional context, trend, and icon.",props:{trend:{type:"enum",values:["up","down","neutral"],default:"neutral"},iconAccent:{type:"enum",values:["amber","aqua","blue","cyan","emerald","fuchsia","green","indigo","lime","magenta","orange","purple","red","rose","sky","violet","yellow"],default:"blue"}},defaults:{trend:"neutral",iconAccent:"blue"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-surface-primary","--uds-border-primary","--uds-radius-8","--uds-text-secondary","--uds-system-success-primary","--uds-system-destructive-primary"],accessibility:{role:"status",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Statistics for interactive controls.","Do not place long paragraph content inside helper text."]},Status:{name:"Status",source:"src/design-system/components/Status/Status.spec.ts",props:{appearance:{type:"enum",values:["light-gray","white","transparent"],default:"light-gray"},shape:{type:"enum",values:["pill","rounded"],default:"pill"},variant:{type:"string",default:"blue"}},defaults:{appearance:"light-gray",shape:"pill",variant:"blue"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Steps:{name:"Steps",source:"src/design-system/components/Steps/Steps.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},status:{type:"enum",values:["complete","active","incomplete","disabled","error"]},size:{type:"enum",values:["default","compact"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Table:{name:"Table",source:"src/design-system/components/Table/Table.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],allowedParents:["Container","Tabs"],disallowedChildren:["Table"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tabs:{name:"Tabs",source:"src/design-system/components/Tabs/Tabs.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},appearance:{type:"string",default:"underline"},tagVariant:{type:"string",default:"neutral"}},defaults:{orientation:"horizontal",appearance:"underline",tagVariant:"neutral"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Tag","Button","Table","Field"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tag:{name:"Tag",source:"src/design-system/components/Tag/Tag.spec.ts",props:{appearance:{type:"enum",values:["label-only","icon-left"],default:"label-only"},size:{type:"enum",values:["compact","default"],default:"compact"},color:{type:"enum",values:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"],default:"transparent"},label:{type:"string",default:"Label"}},defaults:{appearance:"label-only",size:"compact",color:"transparent",label:"Label"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal","Table","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Text:{name:"Text",source:"src/design-system/components/Text/Text.spec.ts",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",props:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},defaults:{variant:"body-16",weight:"regular",leading:"regular"},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Menu","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]},Textarea:{name:"Textarea",source:"src/design-system/components/Textarea/Textarea.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"}},defaults:{size:"default",state:"default"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TextInput:{name:"TextInput",source:"src/design-system/components/TextInput/TextInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"text"},iconPosition:{type:"string",default:"right"}},defaults:{size:"default",state:"default",type:"text",iconPosition:"right"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TimeInput:{name:"TimeInput",source:"src/design-system/components/TimeInput/TimeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toast:{name:"Toast",source:"src/design-system/components/Toast/Toast.spec.ts",props:{variant:{type:"enum",values:["success","error","warning","info"],default:"info"}},defaults:{variant:"info"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Modal","Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toggle:{name:"Toggle",source:"src/design-system/components/Toggle/Toggle.spec.ts",props:{size:{type:"enum",values:["large","small"],default:"large"}},defaults:{size:"large"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toolbar:{name:"Toolbar",source:"src/design-system/components/Toolbar/Toolbar.spec.ts",tier:2,purpose:"Top action bar with left and right action regions and centered title/branding.",props:{},defaults:{},states:["default"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibility:{role:"toolbar",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tooltip:{name:"Tooltip",source:"src/design-system/components/Tooltip/Tooltip.spec.ts",props:{placement:{type:"enum",values:["top","bottom","left","right"],default:"top"}},defaults:{placement:"top"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]}};exports.COMPONENT_API=e;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={Accordion:{name:"Accordion",source:"src/design-system/components/Accordion/Accordion.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ActionMenu:{name:"ActionMenu",source:"src/design-system/components/ActionMenu/ActionMenu.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu","Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},AppShell:{name:"AppShell",source:"src/design-system/components/AppShell/AppShell.spec.ts",tier:1,purpose:"Top-level application shell that composes menu, content, and main regions for consistent page architecture.",props:{brand:{type:"enum",values:["default","comphealth","weatherby","connect","locumsmart","modio","gms","chg","wireframe"],default:"default"},theme:{type:"enum",values:["light","dark"],default:"light"}},defaults:{brand:"default",theme:"light"},states:["default"],tokensUsed:["--uds-surface-primary","--uds-text-primary","--uds-border-primary","--uds-spacing-24"],accessibility:{role:"application",keyboard:["Tab"]},composition:{allowedChildren:["Menu","Container","Layout","Text","Button"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Avatar:{name:"Avatar",source:"src/design-system/components/Avatar/Avatar.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Badge:{name:"Badge",source:"src/design-system/components/Badge/Badge.spec.ts",props:{variant:{type:"enum",values:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],default:"red"},appearance:{type:"enum",values:["solid","outlined"],default:"solid"},rounded:{type:"boolean",default:!0}},defaults:{variant:"red",appearance:"solid",rounded:!0},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Branding:{name:"Branding",source:"src/design-system/components/Branding/Branding.spec.ts",props:{size:{type:"string",default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Breadcrumb:{name:"Breadcrumb",source:"src/design-system/components/Breadcrumb/Breadcrumb.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Button:{name:"Button",source:"src/design-system/components/Button/Button.spec.ts",props:{layout:{type:"enum",values:["label-only","icon-left","icon-right","icon-only","only"],default:"label-only"},appearance:{type:"enum",values:["primary","soft","outline","text","ghost","disabled","destructive"],default:"primary"},size:{type:"enum",values:["large","default","small","xsmall"],default:"default"}},defaults:{layout:"label-only",appearance:"primary",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Modal","Table","Tabs"],disallowedChildren:["Button"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ButtonGroup:{name:"ButtonGroup",source:"src/design-system/components/ButtonGroup/ButtonGroup.spec.ts",tier:2,purpose:"Groups related button actions with consistent spacing and orientation.",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},size:{type:"enum",values:["xsmall","small","default","large"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set button appearances in ButtonGroup options; grouped buttons are outline only.","Do not mix unrelated actions in one ButtonGroup."]},Calendar:{name:"Calendar",source:"src/design-system/components/Calendar/Calendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Checkbox:{name:"Checkbox",source:"src/design-system/components/Checkbox/Checkbox.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},CheckboxGroup:{name:"CheckboxGroup",source:"src/design-system/components/CheckboxGroup/CheckboxGroup.spec.ts",tier:2,purpose:"Provides grouped multi-select choices using Checkbox controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"group",keyboard:["Tab","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use CheckboxGroup when only one value may be selected.","Do not hide option labels."]},Checklist:{name:"Checklist",source:"src/design-system/components/Checklist/Checklist.spec.ts",tier:2,purpose:"Sidebar checklist for multi-step flows with completion status.",props:{},defaults:{},states:["default","active","completed","disabled"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-text-primary","--uds-text-secondary","--uds-surface-brand-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-20","--uds-spacing-24"],accessibility:{role:"navigation",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Chip:{name:"Chip",source:"src/design-system/components/Chip/Chip.spec.ts",props:{selected:{type:"boolean",default:!1},shape:{type:"enum",values:["pill","rounded"],default:"pill"},size:{type:"enum",values:["default","compact","mini"],default:"default"},iconPlacement:{type:"enum",values:["both","left","right","none"],default:"none"},badgeVariant:{type:"string",default:"sky"}},defaults:{selected:!1,shape:"pill",size:"default",iconPlacement:"none",badgeVariant:"sky"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{iconplacement:"iconPlacement"}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Code:{name:"Code",source:"src/design-system/components/Code/Code.spec.ts",props:{language:{type:"enum",values:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],default:"javascript"},inline:{type:"enum",values:[!0,!1],default:!1}},defaults:{language:"javascript",inline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Container:{name:"Container",source:"src/design-system/components/Container/Container.spec.ts",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",props:{appearance:{type:"enum",values:["default","transparent"],default:"transparent"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingX:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"},paddingY:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"large"}},defaults:{appearance:"transparent",padding:"large",paddingX:"large",paddingY:"large"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:["Layout","Table","Text","Button","Field","Divider","Tag"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]},CurrencyInput:{name:"CurrencyInput",source:"src/design-system/components/CurrencyInput/CurrencyInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateInput:{name:"DateInput",source:"src/design-system/components/DateInput/DateInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Datepicker:{name:"Datepicker",source:"src/design-system/components/Datepicker/Datepicker.spec.ts",props:{size:{type:"string",default:"desktop"}},defaults:{size:"desktop"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DateRangeInput:{name:"DateRangeInput",source:"src/design-system/components/DateRangeInput/DateRangeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dialog:{name:"Dialog",source:"src/design-system/components/Dialog/Dialog.spec.ts",props:{intent:{type:"string",default:"info"},confirmLabel:{type:"string",default:"Confirm"},cancelLabel:{type:"string",default:"Cancel"}},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Divider:{name:"Divider",source:"src/design-system/components/Divider/Divider.spec.ts",props:{alignment:{type:"enum",values:["left","center","right"],default:"center"},variant:{type:"enum",values:["line","solid"],default:"line"}},defaults:{alignment:"center",variant:"line"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},DotStatus:{name:"DotStatus",source:"src/design-system/components/DotStatus/DotStatus.spec.ts",props:{variant:{type:"enum",values:["red","blue","inverse","orange","sky","indigo","rose","neutral","celery","lime","yellow","green","cyan","purple","fuchsia"],default:"blue"},size:{type:"enum",values:["small","medium","large"],default:"medium"},outline:{type:"boolean",default:!1}},defaults:{variant:"blue",size:"medium",outline:!1},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Dropdown:{name:"Dropdown",source:"src/design-system/components/Dropdown/Dropdown.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},placeholder:{type:"string",default:"Select an option"},placement:{type:"string",default:"bottom-start"}},defaults:{size:"default",state:"default",placeholder:"Select an option",placement:"bottom-start"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},EmptyState:{name:"EmptyState",source:"src/design-system/components/EmptyState/EmptyState.spec.ts",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",props:{align:{type:"enum",values:["left","center"],default:"center"}},defaults:{align:"center"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]},EventCard:{name:"EventCard",source:"src/design-system/components/EventCard/EventCard.spec.ts",props:{title:{type:"string",default:"Title"},type:{type:"string",default:"travel"},status:{type:"string",default:"active"}},defaults:{title:"Title",type:"travel",status:"active"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Field:{name:"Field",source:"src/design-system/components/Field/Field.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["TextInput","Input","Dropdown","Datepicker","Textarea","Checkbox","Radio","Toggle","Slider","FileUpload"],allowedParents:["Container","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},FileUpload:{name:"FileUpload",source:"src/design-system/components/FileUpload/FileUpload.spec.ts",props:{instructionText:{type:"string",default:"Drop files here or click to upload"}},defaults:{instructionText:"Drop files here or click to upload"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Flex:{name:"Flex",source:"src/design-system/components/Flex/Flex.spec.ts",tier:1,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and spacing.",props:{direction:{type:"enum",values:["row","column"],default:"row"},justifyContent:{type:"enum",values:["flex-start","center","flex-end","space-between","space-around","space-evenly"],default:"flex-start"},alignItems:{type:"enum",values:["stretch","flex-start","center","flex-end","baseline"],default:"stretch"},wrap:{type:"enum",values:["nowrap","wrap","wrap-reverse"],default:"nowrap"}},defaults:{direction:"row",justifyContent:"flex-start",alignItems:"stretch",wrap:"nowrap"},states:["default"],tokensUsed:["--uds-gap-*","--uds-spacing-*"],accessibility:{role:"generic",keyboard:["Tab"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Icon:{name:"Icon",source:"src/design-system/components/Icon/Icon.spec.ts",props:{appearance:{type:"string",default:"regular"}},defaults:{appearance:"regular"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ImageAspect:{name:"ImageAspect",source:"src/design-system/components/ImageAspect/ImageAspect.spec.ts",props:{aspectratio:{type:"enum",values:["square","video","4-3","3-2","21-9","portrait","auto"]},ratio:{type:"string",default:"square"}},defaults:{ratio:"square"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Key:{name:"Key",source:"src/design-system/components/Key/Key.spec.ts",props:{appearance:{type:"enum",values:["light","dark"],default:"light"}},defaults:{appearance:"light"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Layout:{name:"Layout",source:"src/design-system/components/Layout/Layout.spec.ts",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",props:{fullWidth:{type:"boolean",default:!1},appearance:{type:"enum",values:["full","equal","right","left"],default:"full"}},defaults:{fullWidth:!1,appearance:"full"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Link:{name:"Link",source:"src/design-system/components/Link/Link.spec.ts",tier:1,purpose:"Provides inline navigation and action links using semantic text-link tokens.",props:{appearance:{type:"enum",values:["primary","secondary"],default:"primary"},underline:{type:"enum",values:["always","hover","none"],default:"always"},disabled:{type:"boolean",default:!1}},defaults:{appearance:"primary",underline:"always",disabled:!1},states:["default","hover","active","visited","focus","disabled"],tokensUsed:["--uds-text-link-primary-default","--uds-text-link-primary-hover","--uds-text-link-primary-active","--uds-text-link-primary-visited","--uds-text-link-secondary-default","--uds-text-link-secondary-hover","--uds-text-link-secondary-active","--uds-text-link-secondary-visited","--uds-focus-ring-width","--uds-focus-ring-border","--uds-focus-ring-offset"],accessibility:{role:"link",keyboard:["Enter activates link","Tab/Shift+Tab moves focus"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Using Link for button-like actions that do not navigate.","Relying on color only without visible text for meaning."]},Menu:{name:"Menu",source:"src/design-system/components/Menu/Menu.spec.ts",props:{identity:{type:"string",default:"design-system"}},defaults:{identity:"design-system"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["ActionMenu","Dropdown","Toggle","Text","Icon"],allowedParents:["AppShell","root"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},MicroCalendar:{name:"MicroCalendar",source:"src/design-system/components/MicroCalendar/MicroCalendar.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Modal:{name:"Modal",source:"src/design-system/components/Modal/Modal.spec.ts",props:{size:{type:"enum",values:["small","default","large","fullscreen"],default:"default"}},defaults:{size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Button","Divider","Field","TextInput","Dropdown","Datepicker","Textarea","Tag"],allowedParents:["AppShell","Container","root"],disallowedChildren:["Modal"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},NumberInput:{name:"NumberInput",source:"src/design-system/components/NumberInput/NumberInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"number"}},defaults:{size:"default",state:"default",type:"number"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Pagination:{name:"Pagination",source:"src/design-system/components/Pagination/Pagination.spec.ts",props:{variant:{type:"string",default:"default"}},defaults:{variant:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PasswordInput:{name:"PasswordInput",source:"src/design-system/components/PasswordInput/PasswordInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},PhoneInput:{name:"PhoneInput",source:"src/design-system/components/PhoneInput/PhoneInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressCircle:{name:"ProgressCircle",source:"src/design-system/components/ProgressCircle/ProgressCircle.spec.ts",props:{shape:{type:"enum",values:["circle","half-circle"],default:"circle"},size:{type:"enum",values:["xxs","xs","sm","md","lg"],default:"md"}},defaults:{shape:"circle",size:"md"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProgressIndicator:{name:"ProgressIndicator",source:"src/design-system/components/ProgressIndicator/ProgressIndicator.spec.ts",props:{labelPosition:{type:"enum",values:["false","right","bottom","top-floating","bottom-floating"],default:!1},variant:{type:"enum",values:["default","blue","green","success","orange","warning","red","error","purple"],default:"default"},size:{type:"enum",values:["small","medium","large"],default:"medium"}},defaults:{labelPosition:!1,variant:"default",size:"medium"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},ProvidersCard:{name:"ProvidersCard",source:"src/design-system/components/ProvidersCard/ProvidersCard.spec.ts",tier:3,purpose:"Displays provider identity, status, metadata, tags, and quick actions in a compact card.",props:{statusVariant:{type:"enum",values:["green","orange","red","blue","neutral"],default:"green"}},defaults:{statusVariant:"green"},states:["default"],tokensUsed:["--uds-spacing-16","--uds-spacing-12","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-surface-primary"],accessibility:{role:"group",keyboard:["Tab","Enter","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use ProvidersCard for tabular datasets where rows and sorting are required.","Do not replace action buttons with non-interactive text when actions are expected."]},Radio:{name:"Radio",source:"src/design-system/components/Radio/Radio.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},RadioGroup:{name:"RadioGroup",source:"src/design-system/components/RadioGroup/RadioGroup.spec.ts",tier:2,purpose:"Provides grouped single-select choices using Radio controls.",props:{orientation:{type:"enum",values:["vertical","horizontal"],default:"vertical"},disabled:{type:"boolean",default:!1}},defaults:{orientation:"vertical",disabled:!1},states:["default"],tokensUsed:["--uds-spacing-8","--uds-spacing-16","--uds-text-primary"],accessibility:{role:"radiogroup",keyboard:["Tab","ArrowUp","ArrowDown","Space"]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use RadioGroup when users can select more than one option.","Do not omit visible labels when context is unclear."]},ScrollView:{name:"ScrollView",source:"src/design-system/components/ScrollView/ScrollView.spec.ts",tier:2,purpose:"Provides a container with controlled scroll direction.",props:{direction:{type:"enum",values:["vertical","horizontal"],default:"vertical"}},defaults:{direction:"vertical"},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SearchInput:{name:"SearchInput",source:"src/design-system/components/SearchInput/SearchInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},SectionHeader:{name:"SectionHeader",source:"src/design-system/components/SectionHeader/SectionHeader.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Slider:{name:"Slider",source:"src/design-system/components/Slider/Slider.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Statistics:{name:"Statistics",source:"src/design-system/components/Statistics/Statistics.spec.ts",tier:2,purpose:"Displays a KPI value with optional context, trend, and icon.",props:{trend:{type:"enum",values:["up","down","neutral"],default:"neutral"},iconAccent:{type:"enum",values:["amber","aqua","blue","cyan","emerald","fuchsia","green","indigo","lime","magenta","orange","purple","red","rose","sky","violet","yellow"],default:"blue"}},defaults:{trend:"neutral",iconAccent:"blue"},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-surface-primary","--uds-border-primary","--uds-radius-8","--uds-text-secondary","--uds-system-success-primary","--uds-system-destructive-primary"],accessibility:{role:"status",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not use Statistics for interactive controls.","Do not place long paragraph content inside helper text."]},Status:{name:"Status",source:"src/design-system/components/Status/Status.spec.ts",props:{appearance:{type:"enum",values:["light-gray","white","transparent"],default:"light-gray"},shape:{type:"enum",values:["pill","rounded"],default:"pill"},variant:{type:"string",default:"blue"}},defaults:{appearance:"light-gray",shape:"pill",variant:"blue"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Table"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Steps:{name:"Steps",source:"src/design-system/components/Steps/Steps.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},status:{type:"enum",values:["complete","active","incomplete","disabled","error"]},size:{type:"enum",values:["default","compact"],default:"default"}},defaults:{orientation:"horizontal",size:"default"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Table:{name:"Table",source:"src/design-system/components/Table/Table.spec.ts",props:{},defaults:{},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Tag","Status","Avatar","Button","ActionMenu","ProgressIndicator","DotStatus"],allowedParents:["Container","Tabs"],disallowedChildren:["Table"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tabs:{name:"Tabs",source:"src/design-system/components/Tabs/Tabs.spec.ts",props:{orientation:{type:"enum",values:["horizontal","vertical"],default:"horizontal"},appearance:{type:"string",default:"underline"},tagVariant:{type:"string",default:"neutral"}},defaults:{orientation:"horizontal",appearance:"underline",tagVariant:"neutral"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:["Text","Tag","Button","Table","Field"],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tag:{name:"Tag",source:"src/design-system/components/Tag/Tag.spec.ts",props:{outlined:{type:"enum",values:[!0,!1],default:!1},appearance:{type:"enum",values:["label-only","icon-left"],default:"label-only"},size:{type:"enum",values:["compact","default"],default:"compact"},color:{type:"enum",values:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"],default:"transparent"},label:{type:"string",default:"Label"}},defaults:{outlined:!1,appearance:"label-only",size:"compact",color:"transparent",label:"Label"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Container","Modal","Table","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Text:{name:"Text",source:"src/design-system/components/Text/Text.spec.ts",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",props:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},defaults:{variant:"body-16",weight:"regular",leading:"regular"},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},composition:{allowedChildren:[],allowedParents:["AppShell","Container","Layout","Menu","Modal","Tabs"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]},Textarea:{name:"Textarea",source:"src/design-system/components/Textarea/Textarea.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"}},defaults:{size:"default",state:"default"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TextInput:{name:"TextInput",source:"src/design-system/components/TextInput/TextInput.spec.ts",props:{size:{type:"enum",values:["compact","default"],default:"default"},state:{type:"enum",values:["default","focused","error","disabled"],default:"default"},type:{type:"string",default:"text"},iconPosition:{type:"string",default:"right"}},defaults:{size:"default",state:"default",type:"text",iconPosition:"right"},states:["default","focused","error","disabled"],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Modal"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},TimeInput:{name:"TimeInput",source:"src/design-system/components/TimeInput/TimeInput.spec.ts",tier:2,purpose:"Describe purpose.",props:{},defaults:{},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toast:{name:"Toast",source:"src/design-system/components/Toast/Toast.spec.ts",props:{variant:{type:"enum",values:["success","error","warning","info"],default:"info"}},defaults:{variant:"info"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:["Modal","Dialog"]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toggle:{name:"Toggle",source:"src/design-system/components/Toggle/Toggle.spec.ts",props:{size:{type:"enum",values:["large","small"],default:"large"}},defaults:{size:"large"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:["Field","Menu"],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Toolbar:{name:"Toolbar",source:"src/design-system/components/Toolbar/Toolbar.spec.ts",tier:2,purpose:"Top action bar with left and right action regions and centered title/branding.",props:{},defaults:{},states:["default"],tokensUsed:["--uds-surface-primary","--uds-border-primary","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16"],accessibility:{role:"toolbar",keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]},Tooltip:{name:"Tooltip",source:"src/design-system/components/Tooltip/Tooltip.spec.ts",props:{placement:{type:"enum",values:["top","bottom","left","right"],default:"top"}},defaults:{placement:"top"},states:[],tokensUsed:[],accessibility:{keyboard:[]},composition:{allowedChildren:[],allowedParents:[],disallowedChildren:[]},aliases:{props:{}},ambiguity:{propNameCollisions:[],hadAliasNormalization:!1},antiPatterns:[]}};exports.COMPONENT_API=e;
|