@starci/grammar 0.9.12 → 0.9.14
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/LICENSE +21 -21
- package/dist/.build-stamp.json +4 -4
- package/dist/common/components-forms.css +23 -0
- package/dist/common/components-navigation.css +4 -6
- package/dist/common/rule-catalog.generated.d.ts +23 -25
- package/dist/common/rule-catalog.generated.d.ts.map +1 -1
- package/dist/common/rule-catalog.generated.js +102 -84
- package/dist/common/rule-catalog.generated.js.map +1 -1
- package/dist/common/styles.css +5 -10
- package/dist/core/StateMark.d.ts +1 -1
- package/dist/core/StateMark.js +2 -2
- package/dist/core/branch/AlertDialog/index.js +1 -1
- package/dist/core/branch/AlertDialog/index.js.map +1 -1
- package/dist/core/branch/Calendar/index.d.ts +1 -1
- package/dist/core/branch/Calendar/index.js +2 -2
- package/dist/core/branch/Calendar/index.js.map +1 -1
- package/dist/core/branch/ComboBox/index.js +1 -1
- package/dist/core/branch/ComboBox/index.js.map +1 -1
- package/dist/core/branch/DataTable/index.d.ts +1 -1
- package/dist/core/branch/DataTable/index.js +2 -2
- package/dist/core/branch/DataTable/index.js.map +1 -1
- package/dist/core/branch/DatePicker/index.js +1 -1
- package/dist/core/branch/DatePicker/index.js.map +1 -1
- package/dist/core/branch/DateRangePicker/index.js +1 -1
- package/dist/core/branch/DateRangePicker/index.js.map +1 -1
- package/dist/core/branch/Dialog/index.d.ts +1 -1
- package/dist/core/branch/Dialog/index.js +2 -2
- package/dist/core/branch/Dialog/index.js.map +1 -1
- package/dist/core/branch/Drawer/index.d.ts +1 -1
- package/dist/core/branch/Drawer/index.js +2 -2
- package/dist/core/branch/Drawer/index.js.map +1 -1
- package/dist/core/branch/DropdownMenu/index.d.ts +2 -2
- package/dist/core/branch/DropdownMenu/index.js +5 -5
- package/dist/core/branch/DropdownMenu/index.js.map +1 -1
- package/dist/core/branch/FlowGraph/index.d.ts +1 -1
- package/dist/core/branch/FlowGraph/index.js +2 -2
- package/dist/core/branch/FlowGraph/index.js.map +1 -1
- package/dist/core/branch/ListBox/index.d.ts +1 -1
- package/dist/core/branch/ListBox/index.js +3 -3
- package/dist/core/branch/ListBox/index.js.map +1 -1
- package/dist/core/branch/Popover/index.d.ts +1 -1
- package/dist/core/branch/Popover/index.js +2 -2
- package/dist/core/branch/Popover/index.js.map +1 -1
- package/dist/core/branch/Select/index.js +1 -1
- package/dist/core/branch/Select/index.js.map +1 -1
- package/dist/core/branch/Toast/index.d.ts +1 -1
- package/dist/core/branch/Toast/index.js +2 -2
- package/dist/core/branch/Toast/index.js.map +1 -1
- package/dist/core/composite/AvatarGroup/index.d.ts +1 -1
- package/dist/core/composite/AvatarGroup/index.js +2 -2
- package/dist/core/composite/AvatarGroup/index.js.map +1 -1
- package/dist/core/composite/Breadcrumbs/index.d.ts +1 -1
- package/dist/core/composite/Breadcrumbs/index.js +2 -2
- package/dist/core/composite/CheckboxGroup/index.js +1 -1
- package/dist/core/composite/CheckboxGroup/index.js.map +1 -1
- package/dist/core/composite/Fieldset/index.js +1 -1
- package/dist/core/composite/Fieldset/index.js.map +1 -1
- package/dist/core/composite/Pagination/index.d.ts +1 -1
- package/dist/core/composite/Pagination/index.js +2 -2
- package/dist/core/composite/Pagination/index.js.map +1 -1
- package/dist/core/composite/RadioGroup/index.js +1 -1
- package/dist/core/composite/RadioGroup/index.js.map +1 -1
- package/dist/core/composite/SegmentedControl/index.js +1 -1
- package/dist/core/composite/SegmentedControl/index.js.map +1 -1
- package/dist/core/composite/Stepper/index.d.ts +1 -1
- package/dist/core/composite/Stepper/index.js +2 -2
- package/dist/core/composite/TagGroup/index.d.ts +1 -1
- package/dist/core/composite/TagGroup/index.js +2 -2
- package/dist/core/composite/TagGroup/index.js.map +1 -1
- package/dist/core/composite/Timeline/index.d.ts +1 -1
- package/dist/core/composite/Timeline/index.js +2 -2
- package/dist/core/composition/BottomNav/index.d.ts +1 -1
- package/dist/core/composition/BottomNav/index.js +2 -2
- package/dist/core/composition/TopBar/index.d.ts +1 -1
- package/dist/core/composition/TopBar/index.js +2 -2
- package/dist/core/composition/TopBar/index.js.map +1 -1
- package/dist/core/primitive/Avatar/index.d.ts +1 -1
- package/dist/core/primitive/Avatar/index.js +2 -2
- package/dist/core/primitive/Avatar/index.js.map +1 -1
- package/dist/core/primitive/Badge/index.d.ts +2 -2
- package/dist/core/primitive/Badge/index.js +3 -3
- package/dist/core/primitive/Badge/index.js.map +1 -1
- package/dist/core/primitive/Checkbox/index.js +1 -1
- package/dist/core/primitive/Checkbox/index.js.map +1 -1
- package/dist/core/primitive/CloseButton/index.js +1 -1
- package/dist/core/primitive/CloseButton/index.js.map +1 -1
- package/dist/core/primitive/DateField/index.js +1 -1
- package/dist/core/primitive/DateField/index.js.map +1 -1
- package/dist/core/primitive/Field/index.js +2 -2
- package/dist/core/primitive/Field/index.js.map +1 -1
- package/dist/core/primitive/FileDropzone/index.js +2 -2
- package/dist/core/primitive/FileDropzone/index.js.map +1 -1
- package/dist/core/primitive/Icon/index.d.ts +1 -1
- package/dist/core/primitive/Icon/index.js +2 -2
- package/dist/core/primitive/Icon/index.js.map +1 -1
- package/dist/core/primitive/IconButton/index.d.ts +1 -1
- package/dist/core/primitive/IconButton/index.d.ts.map +1 -1
- package/dist/core/primitive/IconButton/index.js +2 -2
- package/dist/core/primitive/IconButton/index.js.map +1 -1
- package/dist/core/primitive/Image/index.d.ts +2 -1
- package/dist/core/primitive/Image/index.d.ts.map +1 -1
- package/dist/core/primitive/Image/index.js +3 -2
- package/dist/core/primitive/Image/index.js.map +1 -1
- package/dist/core/primitive/IncludedMark/index.d.ts +1 -1
- package/dist/core/primitive/IncludedMark/index.js +2 -2
- package/dist/core/primitive/Kbd/index.d.ts +1 -1
- package/dist/core/primitive/Kbd/index.d.ts.map +1 -1
- package/dist/core/primitive/Kbd/index.js +2 -2
- package/dist/core/primitive/Kbd/index.js.map +1 -1
- package/dist/core/primitive/Link/index.d.ts +1 -1
- package/dist/core/primitive/Link/index.js +2 -2
- package/dist/core/primitive/NumberField/index.js +1 -1
- package/dist/core/primitive/NumberField/index.js.map +1 -1
- package/dist/core/primitive/RankArtwork/index.d.ts +1 -1
- package/dist/core/primitive/RankArtwork/index.js +2 -2
- package/dist/core/primitive/Rating/index.d.ts +1 -1
- package/dist/core/primitive/Rating/index.js +3 -3
- package/dist/core/primitive/Rating/index.js.map +1 -1
- package/dist/core/primitive/SearchField/index.js +1 -1
- package/dist/core/primitive/SearchField/index.js.map +1 -1
- package/dist/core/primitive/Skeleton/index.js +1 -1
- package/dist/core/primitive/Skeleton/index.js.map +1 -1
- package/dist/core/primitive/Slider/index.js +1 -1
- package/dist/core/primitive/Switch/index.js +1 -1
- package/dist/core/primitive/Switch/index.js.map +1 -1
- package/dist/core/primitive/Textarea/index.js +1 -1
- package/dist/core/primitive/Textarea/index.js.map +1 -1
- package/dist/core/primitive/TimeField/index.js +1 -1
- package/dist/core/primitive/TimeField/index.js.map +1 -1
- package/dist/heritage/index.d.ts.map +1 -1
- package/dist/heritage/index.js +4 -2
- package/dist/heritage/index.js.map +1 -1
- package/dist/offset-pop/conformance.d.ts +7 -9
- package/dist/offset-pop/conformance.d.ts.map +1 -1
- package/dist/offset-pop/conformance.js +7 -9
- package/dist/offset-pop/conformance.js.map +1 -1
- package/dist/offset-pop/dna.d.ts +1 -2
- package/dist/offset-pop/dna.d.ts.map +1 -1
- package/dist/offset-pop/dna.js +1 -2
- package/dist/offset-pop/dna.js.map +1 -1
- package/package.json +1 -1
|
@@ -48,7 +48,7 @@ export type ToastProps = {
|
|
|
48
48
|
*
|
|
49
49
|
* Escape dismisses a focused toast. The timer counts only while not paused, and restarts when the
|
|
50
50
|
* toast is updated. Tone is echoed on `data-grammar-tone`.
|
|
51
|
-
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button)
|
|
51
|
+
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button) BOUNDARY-6 MOTION-2.
|
|
52
52
|
*/
|
|
53
53
|
export declare const Toast: ({ toast, dismissLabel, onDismiss, isPaused }: ToastProps) => import("react").JSX.Element;
|
|
54
54
|
export type ToasterPlacement = "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
|
|
@@ -58,7 +58,7 @@ export const toastQueue = createToastQueue();
|
|
|
58
58
|
*
|
|
59
59
|
* Escape dismisses a focused toast. The timer counts only while not paused, and restarts when the
|
|
60
60
|
* toast is updated. Tone is echoed on `data-grammar-tone`.
|
|
61
|
-
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button)
|
|
61
|
+
* Contract: A11Y-4 (decisions never time out) FOCUS-5 (Escape = close button) BOUNDARY-6 MOTION-2.
|
|
62
62
|
*/
|
|
63
63
|
export const Toast = ({ toast, dismissLabel, onDismiss, isPaused = false }) => {
|
|
64
64
|
const tone = toast.tone ?? "neutral";
|
|
@@ -87,7 +87,7 @@ export const Toast = ({ toast, dismissLabel, onDismiss, isPaused = false }) => {
|
|
|
87
87
|
event.stopPropagation();
|
|
88
88
|
onDismiss();
|
|
89
89
|
};
|
|
90
|
-
return (_jsxs("div", { "data-tier": "branch", "data-component": "Toast", "data-grammar-tone": tone, "data-grammar-overlay-surface": "toast", "data-persistent": timeout <= 0 ? "true" : "false", "data-contract": "A11Y-4 FOCUS-5
|
|
90
|
+
return (_jsxs("div", { "data-tier": "branch", "data-component": "Toast", "data-grammar-tone": tone, "data-grammar-overlay-surface": "toast", "data-persistent": timeout <= 0 ? "true" : "false", "data-contract": "A11Y-4 FOCUS-5 BOUNDARY-6 MOTION-2", className: "starci-core-toast", onKeyDown: onKeyDown, children: [tone === "pending" ? (_jsx("span", { className: "starci-core-toast-indicator", "aria-hidden": "true", "data-contract": "A11Y-2", children: _jsx(HeroSpinner, { role: "presentation", "aria-hidden": "true", size: "sm", color: "current" }) })) : _jsx("span", { className: "starci-core-toast-indicator", "data-grammar-toast-indicator": tone, "aria-hidden": "true", "data-contract": "A11Y-2" }), _jsxs("div", { className: "starci-core-toast-copy", children: [_jsx("p", { className: "starci-core-toast-title", children: toast.title }), toast.description === undefined ? null : _jsx("p", { className: "starci-core-toast-description", children: toast.description })] }), toast.action === undefined ? null : (_jsx("span", { className: "starci-core-toast-action", "data-grammar-toast-action": "true", children: _jsx(Button, { size: "sm", variant: "secondary", onPress: () => {
|
|
91
91
|
toast.action?.onAction();
|
|
92
92
|
onDismiss();
|
|
93
93
|
}, children: toast.action.label }) })), _jsx(CloseButton, { label: dismissLabel, size: "sm", onPress: onDismiss })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Toast/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/Toast/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export type AvatarGroupProps = {
|
|
|
17
17
|
};
|
|
18
18
|
/**
|
|
19
19
|
* A stacked set of avatars with one accessible overflow count.
|
|
20
|
-
* Contract: each avatar
|
|
20
|
+
* Contract: each avatar and count A11Y-2 (named once, fallback initials and overflow digits silent).
|
|
21
21
|
*/
|
|
22
22
|
export declare const AvatarGroup: ({ label, items, max, size, overflowLabel, className }: AvatarGroupProps) => import("react").JSX.Element;
|
|
23
23
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -5,11 +5,11 @@ import { avatarA11yProps, avatarParts } from "../../primitive/Avatar/index.js";
|
|
|
5
5
|
import { navigationClassName } from "../../navigationClassNames.js";
|
|
6
6
|
/**
|
|
7
7
|
* A stacked set of avatars with one accessible overflow count.
|
|
8
|
-
* Contract: each avatar
|
|
8
|
+
* Contract: each avatar and count A11Y-2 (named once, fallback initials and overflow digits silent).
|
|
9
9
|
*/
|
|
10
10
|
export const AvatarGroup = ({ label, items, max = 4, size = "md", overflowLabel, className }) => {
|
|
11
11
|
const visible = items.slice(0, Math.max(0, max));
|
|
12
12
|
const hidden = items.length - visible.length;
|
|
13
|
-
return (_jsxs(HeroAvatarGroup, { "aria-label": label, className: navigationClassName("starci-core-avatar-group", className), "data-component": "AvatarGroup", "data-tier": "composite", "data-grammar-avatar-overflow": hidden > 0 ? "true" : "false", overlap: "ring", role: "group", size: size, children: [visible.map((item) => (_jsx(HeroAvatar, { ...avatarA11yProps(item.name, false), className: "starci-core-avatar", "data-component": "Avatar", "data-contract": "
|
|
13
|
+
return (_jsxs(HeroAvatarGroup, { "aria-label": label, className: navigationClassName("starci-core-avatar-group", className), "data-component": "AvatarGroup", "data-tier": "composite", "data-grammar-avatar-overflow": hidden > 0 ? "true" : "false", overlap: "ring", role: "group", size: size, children: [visible.map((item) => (_jsx(HeroAvatar, { ...avatarA11yProps(item.name, false), className: "starci-core-avatar", "data-component": "Avatar", "data-contract": "A11Y-2", "data-grammar-avatar-size": size, children: avatarParts(item.name, item.src, undefined) }, item.id))), hidden > 0 ? (_jsx(HeroAvatarGroup.Count, { "aria-label": overflowLabel(hidden), "data-contract": "A11Y-2", "data-grammar-avatar-count": "true", role: "img", children: _jsx("span", { "aria-hidden": "true", children: `+${hidden}` }) })) : null] }));
|
|
14
14
|
};
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/AvatarGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,eAAe,EAAE,WAAW,EAAmB,MAAM,iCAAiC,CAAA;AAC/F,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAoBnE;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,aAAa,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC9G,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA;IAC5C,OAAO,CACH,MAAC,eAAe,kBACA,KAAK,EACjB,SAAS,EAAE,mBAAmB,CAAC,0BAA0B,EAAE,SAAS,CAAC,oBACtD,aAAa,eAClB,WAAW,kCACS,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC3D,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,aAET,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,UAAU,OAEH,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EACrC,SAAS,EAAC,oBAAoB,oBACf,QAAQ,mBACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/AvatarGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AACpF,OAAO,EAAE,eAAe,EAAE,WAAW,EAAmB,MAAM,iCAAiC,CAAA;AAC/F,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAoBnE;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,aAAa,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC9G,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA;IAC5C,OAAO,CACH,MAAC,eAAe,kBACA,KAAK,EACjB,SAAS,EAAE,mBAAmB,CAAC,0BAA0B,EAAE,SAAS,CAAC,oBACtD,aAAa,eAClB,WAAW,kCACS,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC3D,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,aAET,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,KAAC,UAAU,OAEH,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,EACrC,SAAS,EAAC,oBAAoB,oBACf,QAAQ,mBACT,QAAQ,8BACI,IAAI,YAE7B,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,SAAS,CAAC,IAPvC,IAAI,CAAC,EAAE,CAQH,CAChB,CAAC,EACD,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACV,KAAC,eAAe,CAAC,KAAK,kBAAa,aAAa,CAAC,MAAM,CAAC,mBAAgB,QAAQ,+BAA2B,MAAM,EAAC,IAAI,EAAC,KAAK,YACxH,8BAAkB,MAAM,YAAE,IAAI,MAAM,EAAE,GAAQ,GAC1B,CAC3B,CAAC,CAAC,CAAC,IAAI,IACM,CACrB,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -26,7 +26,7 @@ export type BreadcrumbsProps = {
|
|
|
26
26
|
*
|
|
27
27
|
* The last item is the current page (`aria-current="page"`, not a link). At narrow widths the trail
|
|
28
28
|
* keeps one line and scrolls instead of wrapping, and long ancestor labels truncate.
|
|
29
|
-
* Contract: nav LAYOUT-3 OVERFLOW-3 (owns its inline scroll), item ACTION-3 (link vs current), leading
|
|
29
|
+
* Contract: nav LAYOUT-3 OVERFLOW-3 (owns its inline scroll), item ACTION-3 (link vs current), leading A11Y-2.
|
|
30
30
|
*/
|
|
31
31
|
export declare const Breadcrumbs: ({ label, items, separator, onAction, className }: BreadcrumbsProps) => import("react").JSX.Element;
|
|
32
32
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -8,12 +8,12 @@ import { Skeleton } from "../../primitive/Skeleton/index.js";
|
|
|
8
8
|
*
|
|
9
9
|
* The last item is the current page (`aria-current="page"`, not a link). At narrow widths the trail
|
|
10
10
|
* keeps one line and scrolls instead of wrapping, and long ancestor labels truncate.
|
|
11
|
-
* Contract: nav LAYOUT-3 OVERFLOW-3 (owns its inline scroll), item ACTION-3 (link vs current), leading
|
|
11
|
+
* Contract: nav LAYOUT-3 OVERFLOW-3 (owns its inline scroll), item ACTION-3 (link vs current), leading A11Y-2.
|
|
12
12
|
*/
|
|
13
13
|
export const Breadcrumbs = ({ label, items, separator, onAction, className }) => (_jsx("nav", { "aria-label": label, className: navigationClassName("starci-core-breadcrumbs", className), "data-component": "Breadcrumbs", "data-contract": "LAYOUT-3 OVERFLOW-3", "data-tier": "composite", children: _jsx(HeroBreadcrumbs, { className: "starci-core-breadcrumbs-list", ...(separator === undefined ? {} : { separator }), ...(onAction === undefined ? {} : { onAction: (key) => onAction(String(key)) }), children: items.map((item, index) => {
|
|
14
14
|
const isCurrent = index === items.length - 1;
|
|
15
15
|
return (_jsx(HeroBreadcrumbs.Item, { id: item.id, className: "starci-core-breadcrumb", "data-contract": "ACTION-3", ...(item.href === undefined || isCurrent ? {} : { href: item.href }), children: item.isSkeleton === true ? (
|
|
16
16
|
// A function child skips the vendor's link: a nameless (aria-hidden) link is an axe aria-command-name violation.
|
|
17
|
-
() => (_jsx("span", { className: "starci-core-breadcrumb-label", "data-grammar-breadcrumb": "true", "data-grammar-current": isCurrent ? "true" : "false", children: _jsx("span", { "aria-hidden": "true", className: "starci-core-breadcrumb-skeleton", "data-grammar-skeleton": "true", children: _jsx(Skeleton, { shape: "text" }) }) }))) : (_jsxs("span", { className: "starci-core-breadcrumb-label", "data-grammar-breadcrumb": "true", "data-grammar-current": isCurrent ? "true" : "false", children: [item.leading === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-breadcrumb-leading", "data-contract": "
|
|
17
|
+
() => (_jsx("span", { className: "starci-core-breadcrumb-label", "data-grammar-breadcrumb": "true", "data-grammar-current": isCurrent ? "true" : "false", children: _jsx("span", { "aria-hidden": "true", className: "starci-core-breadcrumb-skeleton", "data-grammar-skeleton": "true", children: _jsx(Skeleton, { shape: "text" }) }) }))) : (_jsxs("span", { className: "starci-core-breadcrumb-label", "data-grammar-breadcrumb": "true", "data-grammar-current": isCurrent ? "true" : "false", children: [item.leading === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-breadcrumb-leading", "data-contract": "A11Y-2", children: item.leading }), item.label] })) }, item.id));
|
|
18
18
|
}) }) }));
|
|
19
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -17,5 +17,5 @@ import { CheckboxItem } from "../../primitive/Checkbox/index.js";
|
|
|
17
17
|
* Several independent choices under one group name (`role="group"`, labelled by the group label).
|
|
18
18
|
* Required means "at least one", validated by the vendor; the group owns the one error slot.
|
|
19
19
|
*/
|
|
20
|
-
export const CheckboxGroup = ({ options, value, defaultValue, onValueChange, orientation = "vertical", variant = "primary", isSkeleton = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "CheckboxGroup", tier: "composite", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "choices", choiceLabels: options.map((option) => option.label), orientation: orientation, className: "starci-core-choice-group" })) : (_jsxs(HeroCheckboxGroup, { "data-tier": "composite", "data-component": "CheckboxGroup", "data-contract": "A11Y-1
|
|
20
|
+
export const CheckboxGroup = ({ options, value, defaultValue, onValueChange, orientation = "vertical", variant = "primary", isSkeleton = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "CheckboxGroup", tier: "composite", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "choices", choiceLabels: options.map((option) => option.label), orientation: orientation, className: "starci-core-choice-group" })) : (_jsxs(HeroCheckboxGroup, { "data-tier": "composite", "data-component": "CheckboxGroup", "data-contract": "A11Y-1 FEEDBACK-1 STATE-1", "data-grammar-orientation": orientation, className: "starci-core-field starci-core-choice-group", variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue: [...defaultValue] } : { value: [...value] }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), children: [_jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsx(FieldDescription, { children: field.description }), _jsx("div", { className: "starci-core-choice-group-options", "data-grammar-field-control": "true", children: options.map((option) => (_jsx(HeroCheckbox, { value: option.value, isDisabled: option.isDisabled === true, className: "starci-core-choice starci-core-checkbox", variant: variant, "data-grammar-option": "true", children: _jsx(CheckboxItem, { label: option.label, description: option.description, isStandalone: false }) }, option.value))) }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
21
21
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE5F,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AA2BhE;;;;GAIG;AAEH;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACS,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACnC,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAC,0BAA0B,GAAG,CAC1S,CAAC,CAAC,CAAC,CACA,MAAC,iBAAiB,iBACJ,WAAW,oBACN,eAAe,mBAChB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE5F,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AA2BhE;;;;GAIG;AAEH;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACS,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACnC,KAAC,aAAa,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAC,0BAA0B,GAAG,CAC1S,CAAC,CAAC,CAAC,CACA,MAAC,iBAAiB,iBACJ,WAAW,oBACN,eAAe,mBAChB,2BAA2B,8BACf,WAAW,EACrC,SAAS,EAAC,4CAA4C,EACtD,OAAO,EAAE,OAAO,KACZ,sBAAsB,CAAC,OAAO,CAAC,KAC/B,gBAAgB,CAAC,KAAK,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,KACjC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,KACrH,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,aAEpE,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,CAAC,KAAK,GAAc,EACnG,KAAC,gBAAgB,cAAE,KAAK,CAAC,WAAW,GAAoB,EACxD,cAAK,SAAS,EAAC,kCAAkC,gCAA4B,MAAM,YAC9E,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,KAAC,YAAY,IAET,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,MAAM,CAAC,UAAU,KAAK,IAAI,EACtC,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,OAAO,yBACI,MAAM,YAE1B,KAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,GAAI,IAPtF,MAAM,CAAC,KAAK,CAQN,CAClB,CAAC,GACA,EACN,KAAC,cAAc,cAAE,KAAK,CAAC,YAAY,GAAkB,IACrC,CACvB,CAAA"}
|
|
@@ -9,6 +9,6 @@ export const Fieldset = ({ legend, isLegendHidden = false, description, errorMes
|
|
|
9
9
|
const descriptionId = description == null ? undefined : `fieldset${id}-description`;
|
|
10
10
|
const errorId = errorMessage == null ? undefined : `fieldset${id}-error`;
|
|
11
11
|
const describedBy = [descriptionId, errorId].filter((part) => part !== undefined).join(" ");
|
|
12
|
-
return (_jsxs(HeroFieldset, { "data-tier": "composite", "data-component": "Fieldset", "data-contract": "A11Y-1
|
|
12
|
+
return (_jsxs(HeroFieldset, { "data-tier": "composite", "data-component": "Fieldset", "data-contract": "A11Y-1 FEEDBACK-1", className: "starci-core-fieldset", disabled: isDisabled, ...(describedBy === "" ? {} : { "aria-describedby": describedBy }), ...fieldStateAttributes({ isInvalid: errorMessage != null, isDisabled }), children: [_jsx(HeroFieldset.Legend, { className: isLegendHidden ? "starci-core-fieldset-legend starci-core-form-label--screen-reader" : "starci-core-fieldset-legend", "data-grammar-fieldset-legend": "true", children: legend }), descriptionId === undefined ? null : (_jsx("p", { id: descriptionId, className: "starci-core-field-description", "data-grammar-field-description": "true", children: description })), _jsx(HeroFieldset.Group, { className: "starci-core-fieldset-fields", "data-grammar-fieldset-fields": "true", children: children }), errorId === undefined ? null : (_jsx("p", { id: errorId, className: "starci-core-field-error", "data-grammar-field-error": "true", "data-contract": "FEEDBACK-1", children: errorMessage })), actions == null ? null : (_jsx(HeroFieldset.Actions, { className: "starci-core-fieldset-actions", "data-grammar-fieldset-actions": "true", children: actions }))] }));
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/Fieldset/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAgBrE,6FAA6F;AAC7F,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,cAAc,GAAG,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC5I,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IACtC,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,cAAc,CAAA;IACnF,MAAM,OAAO,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE3F,OAAO,CACH,MAAC,YAAY,iBACC,WAAW,oBACN,UAAU,mBACX,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/Fieldset/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAA;AAgBrE,6FAA6F;AAC7F,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,MAAM,EAAE,cAAc,GAAG,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC5I,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IACtC,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,cAAc,CAAA;IACnF,MAAM,OAAO,GAAG,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE3F,OAAO,CACH,MAAC,YAAY,iBACC,WAAW,oBACN,UAAU,mBACX,mBAAmB,EACjC,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,UAAU,KAChB,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,KAC/D,oBAAoB,CAAC,EAAE,SAAS,EAAE,YAAY,IAAI,IAAI,EAAE,UAAU,EAAE,CAAC,aAEzE,KAAC,YAAY,CAAC,MAAM,IAChB,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,mEAAmE,CAAC,CAAC,CAAC,6BAA6B,kCAClG,MAAM,YAElC,MAAM,GACW,EACrB,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,YAAG,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,+BAA+B,oCAAgC,MAAM,YAAE,WAAW,GAAK,CAC1H,EACD,KAAC,YAAY,CAAC,KAAK,IAAC,SAAS,EAAC,6BAA6B,kCAA8B,MAAM,YAAE,QAAQ,GAAsB,EAC9H,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,yBAAyB,8BAA0B,MAAM,mBAAe,YAAY,YAAE,YAAY,GAAK,CACpI,EACA,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,KAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAC,8BAA8B,mCAA+B,MAAM,YAAE,OAAO,GAAwB,CACvI,IACU,CAClB,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -25,7 +25,7 @@ export declare const paginationTokens: (page: number, pageCount: number, sibling
|
|
|
25
25
|
* The current page carries `aria-current="page"`. Below 30rem the previous/next labels and the
|
|
26
26
|
* non-adjacent page numbers leave the paint (the first, last and current page stay), so the strip
|
|
27
27
|
* fits a 360px viewport without horizontal scroll.
|
|
28
|
-
* Contract: list FOCUS-2 (tab order = page order), steps A11Y-2 FOCUS-1, pages FOCUS-1
|
|
28
|
+
* Contract: list FOCUS-2 (tab order = page order), steps A11Y-2 FOCUS-1, pages FOCUS-1 STATE-1.
|
|
29
29
|
*/
|
|
30
30
|
export declare const Pagination: ({ label, page, pageCount, onPageChange, siblingCount, previousLabel, nextLabel, pageLabel, summary, className, }: PaginationProps) => import("react").JSX.Element;
|
|
31
31
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -31,12 +31,12 @@ export const paginationTokens = (page, pageCount, siblingCount = 1) => {
|
|
|
31
31
|
* The current page carries `aria-current="page"`. Below 30rem the previous/next labels and the
|
|
32
32
|
* non-adjacent page numbers leave the paint (the first, last and current page stay), so the strip
|
|
33
33
|
* fits a 360px viewport without horizontal scroll.
|
|
34
|
-
* Contract: list FOCUS-2 (tab order = page order), steps A11Y-2 FOCUS-1, pages FOCUS-1
|
|
34
|
+
* Contract: list FOCUS-2 (tab order = page order), steps A11Y-2 FOCUS-1, pages FOCUS-1 STATE-1.
|
|
35
35
|
*/
|
|
36
36
|
export const Pagination = ({ label, page, pageCount, onPageChange, siblingCount = 1, previousLabel, nextLabel, pageLabel, summary, className, }) => {
|
|
37
37
|
const tokens = paginationTokens(page, pageCount, siblingCount);
|
|
38
38
|
const last = Math.max(1, pageCount);
|
|
39
|
-
return (_jsxs(HeroPagination, { "aria-label": label, className: navigationClassName("starci-core-pagination", className), "data-component": "Pagination", "data-tier": "composite", children: [summary === undefined ? null : _jsx(HeroPagination.Summary, { className: "starci-core-pagination-summary", "data-grammar-pagination-summary": "true", children: summary }), _jsxs(HeroPagination.Content, { className: "starci-core-pagination-list", "data-contract": "FOCUS-2", children: [_jsx(HeroPagination.Item, { className: "starci-core-pagination-item", "data-grammar-pagination-step": "previous", children: _jsxs(HeroPagination.Previous, { "aria-label": previousLabel, className: "starci-core-pagination-step", "data-contract": "A11Y-2 FOCUS-1", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), children: [_jsx(HeroPagination.PreviousIcon, {}), _jsx("span", { "aria-hidden": "true", className: "starci-core-pagination-step-label", children: previousLabel })] }) }), tokens.map((token) => typeof token === "number" ? (_jsx(HeroPagination.Item, { className: "starci-core-pagination-item", "data-grammar-page-distance": Math.min(Math.abs(token - page), 2), "data-grammar-page-edge": token === 1 || token === last ? "true" : "false", children: _jsx(HeroPagination.Link, { "aria-label": pageLabel(token), className: "starci-core-pagination-page", "data-contract": "FOCUS-1
|
|
39
|
+
return (_jsxs(HeroPagination, { "aria-label": label, className: navigationClassName("starci-core-pagination", className), "data-component": "Pagination", "data-tier": "composite", children: [summary === undefined ? null : _jsx(HeroPagination.Summary, { className: "starci-core-pagination-summary", "data-grammar-pagination-summary": "true", children: summary }), _jsxs(HeroPagination.Content, { className: "starci-core-pagination-list", "data-contract": "FOCUS-2", children: [_jsx(HeroPagination.Item, { className: "starci-core-pagination-item", "data-grammar-pagination-step": "previous", children: _jsxs(HeroPagination.Previous, { "aria-label": previousLabel, className: "starci-core-pagination-step", "data-contract": "A11Y-2 FOCUS-1", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), children: [_jsx(HeroPagination.PreviousIcon, {}), _jsx("span", { "aria-hidden": "true", className: "starci-core-pagination-step-label", children: previousLabel })] }) }), tokens.map((token) => typeof token === "number" ? (_jsx(HeroPagination.Item, { className: "starci-core-pagination-item", "data-grammar-page-distance": Math.min(Math.abs(token - page), 2), "data-grammar-page-edge": token === 1 || token === last ? "true" : "false", children: _jsx(HeroPagination.Link, { "aria-label": pageLabel(token), className: "starci-core-pagination-page", "data-contract": "FOCUS-1 STATE-1", "data-grammar-current": token === page ? "true" : "false", isActive: token === page, onPress: () => { if (token !== page)
|
|
40
40
|
onPageChange(token); }, children: token }) }, token)) : (_jsx(HeroPagination.Item, { className: "starci-core-pagination-item", "data-grammar-pagination-gap": "true", children: _jsx(HeroPagination.Ellipsis, {}) }, token))), _jsx(HeroPagination.Item, { className: "starci-core-pagination-item", "data-grammar-pagination-step": "next", children: _jsxs(HeroPagination.Next, { "aria-label": nextLabel, className: "starci-core-pagination-step", "data-contract": "A11Y-2 FOCUS-1", isDisabled: page >= last, onPress: () => onPageChange(page + 1), children: [_jsx("span", { "aria-hidden": "true", className: "starci-core-pagination-step-label", children: nextLabel }), _jsx(HeroPagination.NextIcon, {})] }) })] })] }));
|
|
41
41
|
};
|
|
42
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/Pagination/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/Pagination/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,5 +16,5 @@ import { FieldDescription, FieldErrorText, FieldLabel, fieldVariantAttributes, v
|
|
|
16
16
|
* Exactly one of a few visible choices (`role="radiogroup"`). Arrow keys move and select within the
|
|
17
17
|
* group, Tab leaves it - roving focus is the vendor's.
|
|
18
18
|
*/
|
|
19
|
-
export const RadioGroup = ({ options, value, defaultValue, onValueChange, orientation = "vertical", variant = "primary", ...field }) => (_jsxs(HeroRadioGroup, { "data-tier": "composite", "data-component": "RadioGroup", "data-contract": "A11Y-1
|
|
19
|
+
export const RadioGroup = ({ options, value, defaultValue, onValueChange, orientation = "vertical", variant = "primary", ...field }) => (_jsxs(HeroRadioGroup, { "data-tier": "composite", "data-component": "RadioGroup", "data-contract": "A11Y-1 STATE-6 FOCUS-2", "data-grammar-orientation": orientation, className: "starci-core-field starci-core-choice-group", orientation: orientation, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), children: [_jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsx(FieldDescription, { children: field.description }), _jsx("div", { className: "starci-core-choice-group-options", "data-grammar-field-control": "true", children: options.map((option) => (_jsxs(HeroRadio, { value: option.value, isDisabled: option.isDisabled === true, className: "starci-core-choice starci-core-radio", "data-grammar-option": "true", children: [_jsxs(HeroRadio.Content, { className: "starci-core-choice-content", "data-grammar-choice-target": "true", children: [_jsx(HeroRadio.Control, { className: "starci-core-choice-control", "data-grammar-choice-control": "radio", children: _jsx(HeroRadio.Indicator, {}) }), _jsx(FieldLabel, { children: option.label })] }), _jsx(FieldDescription, { children: option.description })] }, option.value))) }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
20
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AAavC;;;;GAIG;AAEH;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACM,EAAE,EAAE,CAAC,CACnB,MAAC,cAAc,iBACD,WAAW,oBACN,YAAY,mBACb,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/RadioGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,gCAAgC,CAAA;AAavC;;;;GAIG;AAEH;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACvB,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAAW,GAAG,UAAU,EACxB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACM,EAAE,EAAE,CAAC,CACnB,MAAC,cAAc,iBACD,WAAW,oBACN,YAAY,mBACb,wBAAwB,8BACZ,WAAW,EACrC,SAAS,EAAC,4CAA4C,EACtD,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,sBAAsB,CAAC,OAAO,CAAC,KAC/B,gBAAgB,CAAC,KAAK,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,KACjC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtF,CAAC,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,aAEpE,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,CAAC,KAAK,GAAc,EACnG,KAAC,gBAAgB,cAAE,KAAK,CAAC,WAAW,GAAoB,EACxD,cAAK,SAAS,EAAC,kCAAkC,gCAA4B,MAAM,YAC9E,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,MAAC,SAAS,IAEN,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,UAAU,EAAE,MAAM,CAAC,UAAU,KAAK,IAAI,EACtC,SAAS,EAAC,sCAAsC,yBAC5B,MAAM,aAE1B,MAAC,SAAS,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,gCAA4B,MAAM,aACvF,KAAC,SAAS,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,iCAA6B,OAAO,YACzF,KAAC,SAAS,CAAC,SAAS,KAAG,GACP,EACpB,KAAC,UAAU,cAAE,MAAM,CAAC,KAAK,GAAc,IACvB,EACpB,KAAC,gBAAgB,cAAE,MAAM,CAAC,WAAW,GAAoB,KAZpD,MAAM,CAAC,KAAK,CAaT,CACf,CAAC,GACA,EACN,KAAC,cAAc,cAAE,KAAK,CAAC,YAAY,GAAkB,IACxC,CACpB,CAAA"}
|
|
@@ -24,7 +24,7 @@ export const SegmentedControl = ({ options, value, defaultValue, onValueChange,
|
|
|
24
24
|
if (isSkeleton) {
|
|
25
25
|
return _jsx(FieldSkeleton, { component: "SegmentedControl", tier: "composite", label: label, isLabelHidden: isLabelHidden, isRequired: isRequired, kind: "segmented", count: options.length, fill: width === "fill", className: "starci-core-segmented-control" });
|
|
26
26
|
}
|
|
27
|
-
return (_jsxs("div", { "data-tier": "composite", "data-component": "SegmentedControl", "data-contract": "A11Y-1
|
|
27
|
+
return (_jsxs("div", { "data-tier": "composite", "data-component": "SegmentedControl", "data-contract": "A11Y-1 FEEDBACK-1", "data-width": width, className: "starci-core-field starci-core-segmented-control", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), children: [_jsx("span", { id: labelId, className: isLabelHidden === true ? "starci-core-field-label starci-core-form-label--screen-reader" : "starci-core-field-label", "data-grammar-field-label": "true", children: label }), _jsx(HeroToggleButtonGroup, { "aria-labelledby": labelId, ...(describedBy === "" ? {} : { "aria-describedby": describedBy }), selectionMode: "single", disallowEmptySelection: true, fullWidth: width === "fill", ...(isDisabled === true ? { isDisabled: true } : {}), selectedKeys: selected === undefined ? [] : [selected], onSelectionChange: (keys) => {
|
|
28
28
|
const next = firstKey(keys);
|
|
29
29
|
if (isReadOnly === true || next === undefined)
|
|
30
30
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/SegmentedControl/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAY,MAAM,eAAe,CAAA;AACtH,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,EAA0B,MAAM,gCAAgC,CAAA;AAwB5H,MAAM,QAAQ,GAAG,CAAC,IAAmB,EAAsB,EAAE;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAA;IAC5C,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AACvD,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,EACJ,UAAU,GAAG,KAAK,GACE,EAAE,EAAE;IACxB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,KAAK,IAAI,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IAChG,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAA;IAC9B,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,YAAY,EAAE,QAAQ,CAAA;IACtC,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,cAAc,CAAA;IACpF,MAAM,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IACpF,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE3F,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE,SAAS,EAAC,+BAA+B,GAAG,CAAA;IACxP,CAAC;IAED,OAAO,CACH,4BACc,WAAW,oBACN,kBAAkB,mBACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/SegmentedControl/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAE,iBAAiB,IAAI,qBAAqB,EAAY,MAAM,eAAe,CAAA;AACtH,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,EAA0B,MAAM,gCAAgC,CAAA;AAwB5H,MAAM,QAAQ,GAAG,CAAC,IAAmB,EAAsB,EAAE;IACzD,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAA;IAC5C,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;AACvD,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,EACJ,UAAU,GAAG,KAAK,GACE,EAAE,EAAE;IACxB,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,KAAK,IAAI,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IAChG,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,CAAA;IAC9B,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,YAAY,EAAE,QAAQ,CAAA;IACtC,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,cAAc,CAAA;IACpF,MAAM,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IACpF,MAAM,WAAW,GAAG,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE3F,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,KAAC,aAAa,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,KAAK,MAAM,EAAE,SAAS,EAAC,+BAA+B,GAAG,CAAA;IACxP,CAAC;IAED,OAAO,CACH,4BACc,WAAW,oBACN,kBAAkB,mBACnB,mBAAmB,gBACrB,KAAK,EACjB,SAAS,EAAC,iDAAiD,KACvD,oBAAoB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,aAEpF,eACI,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,+DAA+D,CAAC,CAAC,CAAC,yBAAyB,8BACtG,MAAM,YAE9B,KAAK,GACH,EACP,KAAC,qBAAqB,uBACD,OAAO,KACpB,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,EACnE,aAAa,EAAC,QAAQ,EACtB,sBAAsB,QACtB,SAAS,EAAE,KAAK,KAAK,MAAM,KACvB,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACrD,YAAY,EAAE,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE;oBACxB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;oBAC3B,IAAI,UAAU,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS;wBAAE,OAAM;oBACrD,OAAO,CAAC,IAAI,CAAC,CAAA;oBACb,aAAa,EAAE,CAAC,IAAI,CAAC,CAAA;gBACzB,CAAC,EACD,SAAS,EAAC,qCAAqC,gCACpB,MAAM,mBACnB,iBAAiB,YAE9B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACrB,KAAC,gBAAgB,IAEb,EAAE,EAAE,MAAM,CAAC,KAAK,EAChB,UAAU,EAAE,MAAM,CAAC,UAAU,KAAK,IAAI,EACtC,SAAS,EAAC,qBAAqB,yBACX,MAAM,KACtB,CAAC,MAAM,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,MAAM,CAAC,eAAe,EAAE,CAAC,YAEzF,MAAM,CAAC,KAAK,IAPR,MAAM,CAAC,KAAK,CAQF,CACtB,CAAC,GACkB,EACvB,IAAI,KAAK,SAAS,IAAI,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAO,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAI,EAC1G,aAAa,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAClC,eAAM,EAAE,EAAE,aAAa,EAAE,SAAS,EAAC,+BAA+B,oCAAgC,MAAM,YAAE,WAAW,GAAQ,CAChI,EACA,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5B,eAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,yBAAyB,8BAA0B,MAAM,mBAAe,YAAY,YAAE,YAAY,GAAQ,CAC1I,IACC,CACT,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -34,7 +34,7 @@ export declare const stepStateFor: (steps: ReadonlyArray<StepperStep>, currentSt
|
|
|
34
34
|
* A multi-step flow's progress. The current step carries `aria-current="step"`; each step exposes
|
|
35
35
|
* `data-grammar-step-state`. With `onStepSelect` the steps are buttons and the arrow keys move
|
|
36
36
|
* between them. Below 30rem a horizontal stepper keeps only the current step's label in the paint.
|
|
37
|
-
* Contract: list HIERARCHY-3 (+FOCUS-2 when interactive), step STATE-1, marker
|
|
37
|
+
* Contract: list HIERARCHY-3 (+FOCUS-2 when interactive), step STATE-1, marker A11Y-2, control FOCUS-1.
|
|
38
38
|
*/
|
|
39
39
|
export declare const Stepper: ({ label, steps, currentStepId, orientation, onStepSelect, stateLabel, renderMarker, className, isLoading, }: StepperProps) => import("react").JSX.Element;
|
|
40
40
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -17,12 +17,12 @@ export const stepStateFor = (steps, currentStepId, index) => {
|
|
|
17
17
|
* A multi-step flow's progress. The current step carries `aria-current="step"`; each step exposes
|
|
18
18
|
* `data-grammar-step-state`. With `onStepSelect` the steps are buttons and the arrow keys move
|
|
19
19
|
* between them. Below 30rem a horizontal stepper keeps only the current step's label in the paint.
|
|
20
|
-
* Contract: list HIERARCHY-3 (+FOCUS-2 when interactive), step STATE-1, marker
|
|
20
|
+
* Contract: list HIERARCHY-3 (+FOCUS-2 when interactive), step STATE-1, marker A11Y-2, control FOCUS-1.
|
|
21
21
|
*/
|
|
22
22
|
export const Stepper = ({ label, steps, currentStepId, orientation = "horizontal", onStepSelect, stateLabel, renderMarker, className, isLoading = false, }) => isLoading ? (_jsx("nav", { "aria-label": label, "aria-busy": "true", className: navigationClassName("starci-core-stepper", className), "data-component": "Stepper", "data-tier": "composite", "data-loading": "true", "data-grammar-stepper-orientation": orientation, "data-grammar-stepper-interactive": "false", children: _jsx("ol", { className: "starci-core-stepper-list", "data-contract": "HIERARCHY-3 STATE-8", children: steps.map((step) => (_jsx("li", { className: "starci-core-step", "data-contract": "STATE-1", "data-grammar-step-state": "upcoming", "data-grammar-current": "false", "data-grammar-skeleton": "true", children: _jsxs("span", { className: "starci-core-step-body", children: [_jsx("span", { "aria-hidden": "true", className: "starci-core-step-marker starci-core-step-skeleton-marker", "data-grammar-step-marker": "true", children: _jsx(Skeleton, { shape: "circle", size: "sm" }) }), _jsx("span", { className: "starci-core-step-copy", children: step.label === "" ? _jsx("span", { "aria-hidden": "true", className: "starci-core-step-skeleton-label", children: _jsx(Skeleton, { shape: "text" }) }) : _jsx("span", { className: "starci-core-step-label", "data-grammar-step-label": "true", children: step.label }) })] }) }, step.id))) }) })) : (_jsx("nav", { "aria-label": label, className: navigationClassName("starci-core-stepper", className), "data-component": "Stepper", "data-tier": "composite", "data-grammar-stepper-orientation": orientation, "data-grammar-stepper-interactive": onStepSelect === undefined ? "false" : "true", children: _jsx("ol", { className: "starci-core-stepper-list", "data-contract": onStepSelect === undefined ? "HIERARCHY-3" : "HIERARCHY-3 FOCUS-2", onKeyDown: onStepSelect === undefined ? undefined : (event) => { moveFocusBetweenPeers(event, "[data-grammar-step-control]", orientation === "vertical" ? "vertical" : "horizontal"); }, children: steps.map((step, index) => {
|
|
23
23
|
const state = stepStateFor(steps, currentStepId, index);
|
|
24
24
|
const announcement = stateLabel?.(state);
|
|
25
|
-
const content = _jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "starci-core-step-marker", "data-contract": "
|
|
25
|
+
const content = _jsxs(_Fragment, { children: [_jsx("span", { "aria-hidden": "true", className: "starci-core-step-marker", "data-contract": "A11Y-2", "data-grammar-step-marker": "true", children: renderMarker === undefined ? index + 1 : renderMarker(step, index, state) }), _jsxs("span", { className: "starci-core-step-copy", children: [_jsx("span", { className: "starci-core-step-label", "data-grammar-step-label": "true", children: step.label }), announcement === undefined ? null : _jsx("span", { className: "starci-core-nav-visually-hidden", children: `, ${announcement}` }), step.description === undefined ? null : _jsx("span", { className: "starci-core-step-description", "data-grammar-step-description": "true", children: step.description })] })] });
|
|
26
26
|
return (_jsx("li", { "aria-current": state === "current" ? "step" : undefined, className: "starci-core-step", "data-contract": "STATE-1", "data-grammar-step-state": state, "data-grammar-current": state === "current" ? "true" : "false", children: onStepSelect === undefined ? (_jsx("span", { className: "starci-core-step-body", children: content })) : (_jsx("button", { className: "starci-core-step-body starci-core-step-control", "data-contract": "FOCUS-1", "data-grammar-step-control": "true", disabled: step.isDisabled === true, onClick: () => onStepSelect(step.id), type: "button", children: content })) }, step.id));
|
|
27
27
|
}) }) }));
|
|
28
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -45,7 +45,7 @@ export type TagGroupProps = TagGroupRemoval & {
|
|
|
45
45
|
* Built on the vendor TagGroup, so arrow keys move between chips, Space/Enter toggle selection
|
|
46
46
|
* and Delete/Backspace remove. Each chip exposes `data-grammar-selected`; chips wrap onto new lines
|
|
47
47
|
* at narrow widths instead of overflowing.
|
|
48
|
-
* Contract: root
|
|
48
|
+
* Contract: root STATE-1, list FOCUS-2, chip FOCUS-1, remove A11Y-2, empty STATE-3.
|
|
49
49
|
*/
|
|
50
50
|
export declare const TagGroup: ({ label, items, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onRemove, removeLabel, emptyContent, size, className, }: TagGroupProps) => import("react").JSX.Element;
|
|
51
51
|
export {};
|
|
@@ -11,7 +11,7 @@ const toIds = (selection, items) => selection === "all"
|
|
|
11
11
|
* Built on the vendor TagGroup, so arrow keys move between chips, Space/Enter toggle selection
|
|
12
12
|
* and Delete/Backspace remove. Each chip exposes `data-grammar-selected`; chips wrap onto new lines
|
|
13
13
|
* at narrow widths instead of overflowing.
|
|
14
|
-
* Contract: root
|
|
14
|
+
* Contract: root STATE-1, list FOCUS-2, chip FOCUS-1, remove A11Y-2, empty STATE-3.
|
|
15
15
|
*/
|
|
16
|
-
export const TagGroup = ({ label, items, selectionMode = "none", selectedIds, defaultSelectedIds, onSelectionChange, onRemove, removeLabel, emptyContent, size = "md", className, }) => (_jsx(HeroTagGroup, { "aria-label": label, className: navigationClassName("starci-core-tag-group", className), "data-component": "TagGroup", "data-contract": "
|
|
16
|
+
export const TagGroup = ({ label, items, selectionMode = "none", selectedIds, defaultSelectedIds, onSelectionChange, onRemove, removeLabel, emptyContent, size = "md", className, }) => (_jsx(HeroTagGroup, { "aria-label": label, className: navigationClassName("starci-core-tag-group", className), "data-component": "TagGroup", "data-contract": "STATE-1", "data-tier": "composite", "data-grammar-tag-selection": selectionMode, "data-grammar-tag-removable": onRemove === undefined ? "false" : "true", selectionMode: selectionMode, size: size, ...(selectedIds === undefined ? {} : { selectedKeys: new Set(selectedIds) }), ...(defaultSelectedIds === undefined ? {} : { defaultSelectedKeys: new Set(defaultSelectedIds) }), ...(onSelectionChange === undefined ? {} : { onSelectionChange: (selection) => onSelectionChange(toIds(selection, items)) }), ...(onRemove === undefined ? {} : { onRemove: (keys) => onRemove([...keys].map(String)) }), children: _jsx(HeroTagGroup.List, { className: "starci-core-tag-list", "data-contract": "FOCUS-2", ...(emptyContent === undefined ? {} : { renderEmptyState: () => _jsx("span", { className: "starci-core-tag-empty", "data-contract": "STATE-3", "data-grammar-tag-empty": "true", children: emptyContent }) }), children: items.map((item) => (_jsx(HeroTag, { id: item.id, className: "starci-core-tag", "data-contract": "FOCUS-1", "data-grammar-tag": "true", textValue: item.isOff === true && item.offLabel !== undefined ? `${item.label}, ${item.offLabel}` : item.label, "data-grammar-tag-state": item.isOff === true ? "off" : "on", ...(item.isDisabled === undefined ? {} : { isDisabled: item.isDisabled }), children: ({ isSelected, allowsRemoving }) => _jsxs(_Fragment, { children: [_jsxs("span", { className: "starci-core-tag-label", "data-grammar-tag-label": "true", "data-grammar-selected": isSelected ? "true" : "false", children: [item.leading === undefined ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-tag-leading", "data-contract": "A11Y-2", children: item.leading }), item.label, item.isOff === true && item.offLabel !== undefined ? _jsx("span", { className: "starci-core-visually-hidden", "data-grammar-tag-off-label": "true", children: `, ${item.offLabel}` }) : null] }), allowsRemoving ? _jsx(HeroTag.RemoveButton, { "aria-label": removeLabel?.(item.label) ?? item.label, className: "starci-core-tag-remove", "data-contract": "A11Y-2", "data-grammar-tag-remove": "true" }) : null] }) }, item.id))) }) }));
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/TagGroup/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAkB,MAAM,eAAe,CAAA;AAExF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AA6CnE,MAAM,KAAK,GAAG,CAAC,SAAoB,EAAE,KAAkC,EAAyB,EAAE,CAAC,SAAS,KAAK,KAAK;IAClH,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;IAC9B,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;AAEhC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,KAAK,EACL,KAAK,EACL,aAAa,GAAG,MAAM,EACtB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,SAAS,GACG,EAAE,EAAE,CAAC,CACjB,KAAC,YAAY,kBACG,KAAK,EACjB,SAAS,EAAE,mBAAmB,CAAC,uBAAuB,EAAE,SAAS,CAAC,oBACnD,UAAU,mBACX,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/TagGroup/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ export type TimelineProps = {
|
|
|
29
29
|
/**
|
|
30
30
|
* An ordered history of events. Each entry exposes `data-grammar-timeline-state` from the Common
|
|
31
31
|
* presentation states and `data-grammar-current`; the connector line is drawn by the stylesheet.
|
|
32
|
-
* Contract: list HIERARCHY-3, entry STATE-1 TRUTH-1 (closed presentation states, neutral default), marker
|
|
32
|
+
* Contract: list HIERARCHY-3, entry STATE-1 TRUTH-1 (closed presentation states, neutral default), marker A11Y-2.
|
|
33
33
|
*/
|
|
34
34
|
export declare const Timeline: ({ label, items, className, isLoading, loadingRows }: TimelineProps) => import("react").JSX.Element;
|
|
35
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -5,11 +5,11 @@ import { Skeleton } from "../../primitive/Skeleton/index.js";
|
|
|
5
5
|
/**
|
|
6
6
|
* An ordered history of events. Each entry exposes `data-grammar-timeline-state` from the Common
|
|
7
7
|
* presentation states and `data-grammar-current`; the connector line is drawn by the stylesheet.
|
|
8
|
-
* Contract: list HIERARCHY-3, entry STATE-1 TRUTH-1 (closed presentation states, neutral default), marker
|
|
8
|
+
* Contract: list HIERARCHY-3, entry STATE-1 TRUTH-1 (closed presentation states, neutral default), marker A11Y-2.
|
|
9
9
|
*/
|
|
10
10
|
export const Timeline = ({ label, items, className, isLoading = false, loadingRows = 3 }) => (_jsx("ol", { "aria-label": label, "data-loading": String(isLoading), ...(isLoading ? { "aria-busy": true } : {}), className: navigationClassName("starci-core-timeline", className), "data-component": "Timeline", "data-contract": "HIERARCHY-3", "data-tier": "composite", children: isLoading && items.length === 0 ? Array.from({ length: Math.min(12, Math.max(1, Math.floor(Number.isFinite(loadingRows) ? loadingRows : 3))) }, (_, index) => (_jsxs("li", { "aria-hidden": "true", className: "starci-core-timeline-item", "data-contract": "STATE-1 STATE-8", "data-grammar-timeline-state": "neutral", "data-grammar-current": "false", "data-grammar-skeleton": "true", children: [_jsx("span", { "aria-hidden": "true", className: "starci-core-timeline-marker starci-core-timeline-skeleton-marker", "data-grammar-timeline-marker": "true", children: _jsx(Skeleton, { shape: "circle", size: "sm" }) }), _jsxs("div", { className: "starci-core-timeline-copy", children: [_jsx("p", { className: "starci-core-timeline-title", children: _jsx(Skeleton, { shape: "text" }) }), _jsx("span", { className: "starci-core-timeline-time", children: _jsx(Skeleton, { shape: "text" }) }), _jsx("div", { className: "starci-core-timeline-description", children: _jsx(Skeleton, { shape: "text" }) })] })] }, index))) : items.map((item) => {
|
|
11
11
|
const state = item.state ?? "neutral";
|
|
12
12
|
assertPresentationState(state);
|
|
13
|
-
return (_jsxs("li", { "aria-current": item.isCurrent ? "step" : undefined, className: "starci-core-timeline-item", "data-contract": "STATE-1 TRUTH-1", "data-grammar-timeline-state": state, "data-grammar-current": item.isCurrent ? "true" : "false", children: [_jsx("span", { "aria-hidden": "true", className: "starci-core-timeline-marker", "data-contract": "
|
|
13
|
+
return (_jsxs("li", { "aria-current": item.isCurrent ? "step" : undefined, className: "starci-core-timeline-item", "data-contract": "STATE-1 TRUTH-1", "data-grammar-timeline-state": state, "data-grammar-current": item.isCurrent ? "true" : "false", children: [_jsx("span", { "aria-hidden": "true", className: "starci-core-timeline-marker", "data-contract": "A11Y-2", "data-grammar-timeline-marker": "true", children: item.marker }), _jsxs("div", { className: "starci-core-timeline-copy", children: [_jsx("p", { className: "starci-core-timeline-title", children: item.title }), item.timeLabel === undefined ? null : (_jsx("time", { className: "starci-core-timeline-time", ...(item.dateTime === undefined ? {} : { dateTime: item.dateTime }), children: item.timeLabel })), item.description === undefined ? null : _jsx("div", { className: "starci-core-timeline-description", children: item.description })] })] }, item.id));
|
|
14
14
|
}) }));
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -27,7 +27,7 @@ export type BottomNavProps = {
|
|
|
27
27
|
* The mobile tab bar: 3-5 primary destinations with icon + label, a 44px minimum target, the
|
|
28
28
|
* device safe-area inset, and `aria-current="page"` plus `data-grammar-current` on the current
|
|
29
29
|
* destination. Left/Right/Home/End move between items; every item also stays in the Tab order.
|
|
30
|
-
* Contract: nav LAYOUT-4 (fixed bar), list FOCUS-2, item FOCUS-1 ACTION-3 (anchor vs button), icon
|
|
30
|
+
* Contract: nav LAYOUT-4 (fixed bar), list FOCUS-2, item FOCUS-1 ACTION-3 (anchor vs button), icon A11Y-2.
|
|
31
31
|
*/
|
|
32
32
|
export declare const BottomNav: ({ label, items, currentId, onSelect, position, visibility, className }: BottomNavProps) => import("react").JSX.Element;
|
|
33
33
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -6,7 +6,7 @@ import { navigationClassName } from "../../navigationClassNames.js";
|
|
|
6
6
|
* The mobile tab bar: 3-5 primary destinations with icon + label, a 44px minimum target, the
|
|
7
7
|
* device safe-area inset, and `aria-current="page"` plus `data-grammar-current` on the current
|
|
8
8
|
* destination. Left/Right/Home/End move between items; every item also stays in the Tab order.
|
|
9
|
-
* Contract: nav LAYOUT-4 (fixed bar), list FOCUS-2, item FOCUS-1 ACTION-3 (anchor vs button), icon
|
|
9
|
+
* Contract: nav LAYOUT-4 (fixed bar), list FOCUS-2, item FOCUS-1 ACTION-3 (anchor vs button), icon A11Y-2.
|
|
10
10
|
*/
|
|
11
11
|
export const BottomNav = ({ label, items, currentId, onSelect, position = "fixed", visibility = "compact", className }) => (_jsx("nav", { "aria-label": label, className: navigationClassName("starci-core-bottom-nav", className), "data-component": "BottomNav", "data-grammar-bottom-chrome": "true", "data-contract": "LAYOUT-4", "data-tier": "composition", "data-grammar-bottom-nav-position": position, "data-grammar-bottom-nav-visibility": visibility, style: { "--starci-core-bottom-nav-count": String(Math.max(1, items.length)) }, children: _jsx("ul", { className: "starci-core-bottom-nav-list", "data-contract": "FOCUS-2", onKeyDown: (event) => { moveFocusBetweenPeers(event, "[data-grammar-bottom-nav-item]", "horizontal"); }, children: items.map((item) => {
|
|
12
12
|
const isCurrent = item.id === currentId;
|
|
@@ -16,7 +16,7 @@ export const BottomNav = ({ label, items, currentId, onSelect, position = "fixed
|
|
|
16
16
|
"data-grammar-bottom-nav-item": "true",
|
|
17
17
|
"data-grammar-current": isCurrent ? "true" : "false",
|
|
18
18
|
};
|
|
19
|
-
const content = _jsxs(_Fragment, { children: [_jsxs("span", { "aria-hidden": "true", className: "starci-core-bottom-nav-icon", "data-contract": "
|
|
19
|
+
const content = _jsxs(_Fragment, { children: [_jsxs("span", { "aria-hidden": "true", className: "starci-core-bottom-nav-icon", "data-contract": "A11Y-2", children: [item.icon, item.badge === undefined ? null : _jsx("span", { className: "starci-core-bottom-nav-badge", "data-grammar-bottom-nav-badge": "true", children: item.badge })] }), _jsx("span", { className: "starci-core-bottom-nav-label", children: item.label }), item.badgeLabel === undefined ? null : _jsx("span", { className: "starci-core-nav-visually-hidden", children: `, ${item.badgeLabel}` })] });
|
|
20
20
|
return (_jsx("li", { className: "starci-core-bottom-nav-slot", children: item.href !== undefined && item.isDisabled !== true ? (_jsx("a", { ...shared, "data-contract": "FOCUS-1 ACTION-3", href: item.href, onClick: () => onSelect?.(item.id), children: content })) : (_jsx("button", { ...shared, "data-contract": "FOCUS-1 ACTION-3", disabled: item.isDisabled === true, onClick: () => onSelect?.(item.id), type: "button", children: content })) }, item.id));
|
|
21
21
|
}) }) }));
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -28,7 +28,7 @@ export type TopBarProps = Omit<ComponentPropsWithoutRef<"header">, "children" |
|
|
|
28
28
|
*
|
|
29
29
|
* Landmark rule: a page has ONE banner, and the app bar owns it. Hosted in `WorkspaceShell`'s
|
|
30
30
|
* `header` slot, the shell yields (its wrapper becomes a plain `div`) so the banner is never nested.
|
|
31
|
-
* Contract: menu trigger A11Y-2
|
|
31
|
+
* Contract: menu trigger A11Y-2 STATE-7 (named glyph button, app-owned aria-expanded).
|
|
32
32
|
*/
|
|
33
33
|
export declare const TopBar: ({ brand, navigation, actions, menu, position, className, ...headerProps }: TopBarProps) => import("react").JSX.Element;
|
|
34
34
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -9,7 +9,7 @@ import { navigationClassName } from "../../navigationClassNames.js";
|
|
|
9
9
|
*
|
|
10
10
|
* Landmark rule: a page has ONE banner, and the app bar owns it. Hosted in `WorkspaceShell`'s
|
|
11
11
|
* `header` slot, the shell yields (its wrapper becomes a plain `div`) so the banner is never nested.
|
|
12
|
-
* Contract: menu trigger A11Y-2
|
|
12
|
+
* Contract: menu trigger A11Y-2 STATE-7 (named glyph button, app-owned aria-expanded).
|
|
13
13
|
*/
|
|
14
|
-
export const TopBar = ({ brand, navigation, actions, menu, position = "sticky", className, ...headerProps }) => (_jsxs("header", { ...headerProps, className: navigationClassName("starci-core-top-bar", className), "data-component": "TopBar", "data-tier": "composition", "data-grammar-top-bar-position": position, "data-grammar-top-bar-menu": menu === undefined ? "none" : menu.visibility ?? "compact", children: [menu === undefined ? null : (_jsx(HeroButton, { "aria-expanded": menu.isOpen, "aria-label": menu.isOpen ? menu.closeLabel : menu.openLabel, className: "starci-core-top-bar-menu-trigger", "data-contract": "A11Y-2
|
|
14
|
+
export const TopBar = ({ brand, navigation, actions, menu, position = "sticky", className, ...headerProps }) => (_jsxs("header", { ...headerProps, className: navigationClassName("starci-core-top-bar", className), "data-component": "TopBar", "data-tier": "composition", "data-grammar-top-bar-position": position, "data-grammar-top-bar-menu": menu === undefined ? "none" : menu.visibility ?? "compact", children: [menu === undefined ? null : (_jsx(HeroButton, { "aria-expanded": menu.isOpen, "aria-label": menu.isOpen ? menu.closeLabel : menu.openLabel, className: "starci-core-top-bar-menu-trigger", "data-contract": "A11Y-2 STATE-7", "data-grammar-top-bar-trigger": "true", isIconOnly: true, onPress: () => menu.onOpenChange(!menu.isOpen), type: "button", variant: "tertiary", ...(menu.controls === undefined ? {} : { "aria-controls": menu.controls }), children: menu.icon })), _jsx("div", { className: "starci-core-top-bar-brand", "data-grammar-top-bar-brand": "true", children: brand }), navigation === undefined ? null : _jsx("div", { className: "starci-core-top-bar-navigation", "data-grammar-top-bar-navigation": "true", children: navigation }), actions === undefined ? null : _jsx("div", { className: "starci-core-top-bar-actions", "data-grammar-top-bar-actions": "true", children: actions })] }));
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/TopBar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AA0BnE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAe,EAAE,EAAE,CAAC,CACzH,qBACQ,WAAW,EACf,SAAS,EAAE,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,CAAC,oBACjD,QAAQ,eACb,aAAa,mCACQ,QAAQ,+BACZ,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,SAAS,aAEpF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,UAAU,qBACQ,IAAI,CAAC,MAAM,gBACd,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC1D,SAAS,EAAC,kCAAkC,mBAC9B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composition/TopBar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AA0BnE;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAe,EAAE,EAAE,CAAC,CACzH,qBACQ,WAAW,EACf,SAAS,EAAE,mBAAmB,CAAC,qBAAqB,EAAE,SAAS,CAAC,oBACjD,QAAQ,eACb,aAAa,mCACQ,QAAQ,+BACZ,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,SAAS,aAEpF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB,KAAC,UAAU,qBACQ,IAAI,CAAC,MAAM,gBACd,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC1D,SAAS,EAAC,kCAAkC,mBAC9B,gBAAgB,kCACD,MAAM,EACnC,UAAU,QACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,UAAU,KACd,CAAC,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,YAE1E,IAAI,CAAC,IAAI,GACD,CAChB,EACD,cAAK,SAAS,EAAC,2BAA2B,gCAA4B,MAAM,YAAE,KAAK,GAAO,EACzF,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,gCAAgC,qCAAiC,MAAM,YAAE,UAAU,GAAO,EAC3I,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,6BAA6B,kCAA8B,MAAM,YAAE,OAAO,GAAO,IAC3H,CACZ,CAAA"}
|
|
@@ -33,7 +33,7 @@ export declare const avatarA11yProps: (name: string, isDecorative: boolean) => {
|
|
|
33
33
|
};
|
|
34
34
|
/**
|
|
35
35
|
* A person or entity mark with image, initials fallback and an explicit accessible name.
|
|
36
|
-
* Contract:
|
|
36
|
+
* Contract: A11Y-2 (named once or aria-hidden when decorative); initials remain while loading/failed.
|
|
37
37
|
*/
|
|
38
38
|
export declare const Avatar: ({ name, src, fallback, size, isDecorative, isCurrent, className, isSkeleton }: AvatarProps) => import("react").JSX.Element;
|
|
39
39
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -19,7 +19,7 @@ export const avatarA11yProps = (name, isDecorative) => isDecorative
|
|
|
19
19
|
: { role: "img", "aria-label": name };
|
|
20
20
|
/**
|
|
21
21
|
* A person or entity mark with image, initials fallback and an explicit accessible name.
|
|
22
|
-
* Contract:
|
|
22
|
+
* Contract: A11Y-2 (named once or aria-hidden when decorative); initials remain while loading/failed.
|
|
23
23
|
*/
|
|
24
|
-
export const Avatar = ({ name, src, fallback, size = "md", isDecorative = false, isCurrent = false, className, isSkeleton = false }) => isSkeleton ? (_jsx("span", { "aria-hidden": "true", className: navigationClassName("starci-core-avatar starci-core-avatar-skeleton", className), "data-component": "Avatar", "data-contract": "STATE-8", "data-tier": "atom", "data-grammar-avatar-size": size, "data-grammar-current": "false", "data-grammar-skeleton": "true", children: _jsx(Skeleton, { shape: "circle", size: size }) })) : (_jsx(HeroAvatar, { ...avatarA11yProps(name, isDecorative), className: navigationClassName("starci-core-avatar", className), "data-component": "Avatar", "data-contract": "
|
|
24
|
+
export const Avatar = ({ name, src, fallback, size = "md", isDecorative = false, isCurrent = false, className, isSkeleton = false }) => isSkeleton ? (_jsx("span", { "aria-hidden": "true", className: navigationClassName("starci-core-avatar starci-core-avatar-skeleton", className), "data-component": "Avatar", "data-contract": "STATE-8", "data-tier": "atom", "data-grammar-avatar-size": size, "data-grammar-current": "false", "data-grammar-skeleton": "true", children: _jsx(Skeleton, { shape: "circle", size: size }) })) : (_jsx(HeroAvatar, { ...avatarA11yProps(name, isDecorative), className: navigationClassName("starci-core-avatar", className), "data-component": "Avatar", "data-contract": "A11Y-2", "data-tier": "atom", "data-grammar-avatar-size": size, "data-grammar-current": isCurrent ? "true" : "false", size: size, children: avatarParts(name, src, fallback) }));
|
|
25
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAuB/C,gGAAgG;AAChG,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI;KACvD,IAAI,EAAE;KACN,KAAK,CAAC,KAAK,CAAC;KACZ,MAAM,CAAC,OAAO,CAAC;KACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;KACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;KACxC,IAAI,CAAC,EAAE,CAAC;KACR,iBAAiB,EAAE,CAAA;AAExB,mFAAmF;AACnF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,GAAuB,EAAE,QAA+B,EAAE,EAAE,CAAC,8BAClG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,CAAC,KAAK,IAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,GAAG,GAAI,EACjE,KAAC,UAAU,CAAC,QAAQ,mBAAa,MAAM,kCAA8B,MAAM,YAAE,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,GAAuB,IACrI,CAAA;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,YAAqB,EAAE,EAAE,CAAC,YAAY;IAChF,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE;IAClC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAc,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,YAAY,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAC9J,8BACgB,MAAM,EAClB,SAAS,EAAE,mBAAmB,CAAC,gDAAgD,EAAE,SAAS,CAAC,oBAC5E,QAAQ,mBACT,SAAS,eACb,MAAM,8BACU,IAAI,0BACT,OAAO,2BACN,MAAM,YAE5B,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI,GACpC,CACV,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,OACH,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC,EACvC,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAChD,QAAQ,mBACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAuB/C,gGAAgG;AAChG,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAU,EAAE,CAAC,IAAI;KACvD,IAAI,EAAE;KACN,KAAK,CAAC,KAAK,CAAC;KACZ,MAAM,CAAC,OAAO,CAAC;KACf,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;KACX,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;KACxC,IAAI,CAAC,EAAE,CAAC;KACR,iBAAiB,EAAE,CAAA;AAExB,mFAAmF;AACnF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,GAAuB,EAAE,QAA+B,EAAE,EAAE,CAAC,8BAClG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAC,UAAU,CAAC,KAAK,IAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAE,GAAG,GAAI,EACjE,KAAC,UAAU,CAAC,QAAQ,mBAAa,MAAM,kCAA8B,MAAM,YAAE,QAAQ,IAAI,cAAc,CAAC,IAAI,CAAC,GAAuB,IACrI,CAAA;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,YAAqB,EAAE,EAAE,CAAC,YAAY;IAChF,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE;IAClC,CAAC,CAAC,EAAE,IAAI,EAAE,KAAc,EAAE,YAAY,EAAE,IAAI,EAAE,CAAA;AAElD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,YAAY,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAC9J,8BACgB,MAAM,EAClB,SAAS,EAAE,mBAAmB,CAAC,gDAAgD,EAAE,SAAS,CAAC,oBAC5E,QAAQ,mBACT,SAAS,eACb,MAAM,8BACU,IAAI,0BACT,OAAO,2BACN,MAAM,YAE5B,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,GAAI,GACpC,CACV,CAAC,CAAC,CAAC,CACA,KAAC,UAAU,OACH,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC,EACvC,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAChD,QAAQ,mBACT,QAAQ,eACZ,MAAM,8BACU,IAAI,0BACR,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAClD,IAAI,EAAE,IAAI,YAET,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,CAAC,GACxB,CAChB,CAAA"}
|
|
@@ -16,8 +16,8 @@ export type BadgeProps = {
|
|
|
16
16
|
* Compact semantic status or figure; product glyph identity remains app-owned. `isDot` adds the
|
|
17
17
|
* Grammar's own leading status dot (a 6px `CircleFill` in the tone colour, class `starci-core-badge-dot`).
|
|
18
18
|
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
19
|
+
* The glyph and its words share one status owner. Contract: TRUTH-1 (the tone is stated, never
|
|
20
|
+
* inferred, and defaults to neutral).
|
|
21
21
|
*/
|
|
22
22
|
export declare const Badge: ({ children, startContent, tone, isDot, isSkeleton }: BadgeProps) => import("react").JSX.Element;
|
|
23
23
|
//# sourceMappingURL=index.d.ts.map
|