@starci/grammar 0.9.9 → 0.9.11
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-navigation.css +17 -2
- package/dist/common/rule-catalog.generated.d.ts +25 -23
- package/dist/common/rule-catalog.generated.d.ts.map +1 -1
- package/dist/common/rule-catalog.generated.js +84 -102
- package/dist/common/rule-catalog.generated.js.map +1 -1
- package/dist/common/styles.css +19 -3
- 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.d.ts.map +1 -1
- package/dist/core/branch/ListBox/index.js +9 -6
- 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/Tabs/index.d.ts +8 -1
- package/dist/core/branch/Tabs/index.d.ts.map +1 -1
- package/dist/core/branch/Tabs/index.js +3 -2
- package/dist/core/branch/Tabs/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.d.ts.map +1 -1
- package/dist/core/composite/Breadcrumbs/index.js +5 -3
- package/dist/core/composite/Breadcrumbs/index.js.map +1 -1
- 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/dna.d.ts +2 -2
- package/dist/core/dna.js +2 -2
- 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 +5 -2
- 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 +1 -2
- package/dist/core/primitive/Image/index.d.ts.map +1 -1
- package/dist/core/primitive/Image/index.js +2 -3
- 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 +2 -4
- package/dist/heritage/index.js.map +1 -1
- package/dist/offset-pop/components-navigation.css +20 -0
- package/dist/offset-pop/conformance.d.ts +11 -10
- package/dist/offset-pop/conformance.d.ts.map +1 -1
- package/dist/offset-pop/conformance.js +11 -10
- package/dist/offset-pop/conformance.js.map +1 -1
- package/dist/offset-pop/dna.d.ts +1 -1
- package/dist/offset-pop/dna.js +1 -1
- package/dist/offset-pop/styles.css +11 -0
- package/package.json +4 -13
|
@@ -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 ICON-6.
|
|
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": "ICON-6", 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 STATE-7 (named glyph button, app-owned aria-expanded).
|
|
31
|
+
* Contract: menu trigger A11Y-2 ICON-5 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 STATE-7 (named glyph button, app-owned aria-expanded).
|
|
12
|
+
* Contract: menu trigger A11Y-2 ICON-5 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 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 })] }));
|
|
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 ICON-5 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,uBAAuB,kCACR,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"}
|
package/dist/core/dna.d.ts
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* outside the package; consumers use these values to render the same StarCi
|
|
6
6
|
* family without rebuilding its palette, geometry or motion from memory.
|
|
7
7
|
*
|
|
8
|
-
* Every colour pair the family's CSS combines clears WCAG AA in light and dark
|
|
9
|
-
*
|
|
8
|
+
* Every colour pair the family's CSS combines clears WCAG AA in light and dark, measured
|
|
9
|
+
* through the resolved scope, HeroUI's vendor variables included. `accent` is the
|
|
10
10
|
* brand FILL (white text on it, and the focus ring); where the accent is painted as TEXT - links,
|
|
11
11
|
* the current tab and bottom-nav label, the section eyebrow, the soft accent pairing - the family
|
|
12
12
|
* reads `accentText`, which is themed because the violet fill is too dark to read on the dark
|
package/dist/core/dna.js
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
* outside the package; consumers use these values to render the same StarCi
|
|
6
6
|
* family without rebuilding its palette, geometry or motion from memory.
|
|
7
7
|
*
|
|
8
|
-
* Every colour pair the family's CSS combines clears WCAG AA in light and dark
|
|
9
|
-
*
|
|
8
|
+
* Every colour pair the family's CSS combines clears WCAG AA in light and dark, measured
|
|
9
|
+
* through the resolved scope, HeroUI's vendor variables included. `accent` is the
|
|
10
10
|
* brand FILL (white text on it, and the focus ring); where the accent is painted as TEXT - links,
|
|
11
11
|
* the current tab and bottom-nav label, the section eyebrow, the soft accent pairing - the family
|
|
12
12
|
* reads `accentText`, which is themed because the violet fill is too dark to read on the dark
|
|
@@ -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: ICON-6 (named once or aria-hidden when decorative), MEDIA-5 (initials 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: ICON-6 (named once or aria-hidden when decorative), MEDIA-5 (initials 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": "ICON-6 MEDIA-5", "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,gBAAgB,eACpB,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
|
-
* inferred, and defaults to neutral).
|
|
19
|
+
* Contract: ICON-2 (the glyph and its words share one status owner) and TRUTH-1 (the tone is stated,
|
|
20
|
+
* never 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
|
|
@@ -15,8 +15,8 @@ const SKELETON_CLASS_NAME = skeletonVariants({ animationType: "shimmer" }).base(
|
|
|
15
15
|
* Compact semantic status or figure; product glyph identity remains app-owned. `isDot` adds the
|
|
16
16
|
* Grammar's own leading status dot (a 6px `CircleFill` in the tone colour, class `starci-core-badge-dot`).
|
|
17
17
|
*
|
|
18
|
-
*
|
|
19
|
-
* inferred, and defaults to neutral).
|
|
18
|
+
* Contract: ICON-2 (the glyph and its words share one status owner) and TRUTH-1 (the tone is stated,
|
|
19
|
+
* never inferred, and defaults to neutral).
|
|
20
20
|
*/
|
|
21
|
-
export const Badge = ({ children, startContent, tone = "neutral", isDot = false, isSkeleton = false }) => (_jsxs(Chip, { "data-tier": "atom", "data-component": "Badge", "data-contract": "TRUTH-1", "data-tone": tone, "data-grammar-badge-dot": isDot && !isSkeleton ? "true" : undefined, "data-loading": isSkeleton ? "true" : "false", color: TONE_COLORS[tone], variant: "soft", size: "sm", ...(isSkeleton ? { "aria-hidden": true, className: SKELETON_CLASS_NAME } : {}), children: [isDot && !isSkeleton ? _jsx(CircleFill, { width: 6, className: "starci-core-badge-dot" }) : null, isSkeleton ? null : startContent, children ?? "\u00a0"] }));
|
|
21
|
+
export const Badge = ({ children, startContent, tone = "neutral", isDot = false, isSkeleton = false }) => (_jsxs(Chip, { "data-tier": "atom", "data-component": "Badge", "data-contract": "ICON-2 TRUTH-1", "data-tone": tone, "data-grammar-badge-dot": isDot && !isSkeleton ? "true" : undefined, "data-loading": isSkeleton ? "true" : "false", color: TONE_COLORS[tone], variant: "soft", size: "sm", ...(isSkeleton ? { "aria-hidden": true, className: SKELETON_CLASS_NAME } : {}), children: [isDot && !isSkeleton ? _jsx(CircleFill, { width: 6, className: "starci-core-badge-dot" }) : null, isSkeleton ? null : startContent, children ?? "\u00a0"] }));
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Badge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAiBhD,MAAM,WAAW,GAAG;IAChB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAA;AAEV,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC;IAC5E,SAAS,EAAE,8BAA8B;CAC5C,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAc,EAAE,EAAE,CAAC,CAClH,MAAC,IAAI,iBACS,MAAM,oBACD,OAAO,mBACR,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Badge/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAiBhD,MAAM,WAAW,GAAG;IAChB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAA;AAEV,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC;IAC5E,SAAS,EAAE,8BAA8B;CAC5C,CAAC,CAAA;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,GAAG,SAAS,EAAE,KAAK,GAAG,KAAK,EAAE,UAAU,GAAG,KAAK,EAAc,EAAE,EAAE,CAAC,CAClH,MAAC,IAAI,iBACS,MAAM,oBACD,OAAO,mBACR,gBAAgB,eACnB,IAAI,4BACS,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBACnD,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC3C,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,EACxB,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,KACL,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAE9E,KAAK,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAC,uBAAuB,GAAG,CAAC,CAAC,CAAC,IAAI,EACxF,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,EAChC,QAAQ,IAAI,QAAQ,IAClB,CACV,CAAA"}
|
|
@@ -13,5 +13,5 @@ export const CheckboxItem = ({ label, description, errorMessage, isStandalone })
|
|
|
13
13
|
* One on/off choice with its label as part of the hit area. Space toggles; the vendor supplies the
|
|
14
14
|
* native checkbox input, `aria-checked="mixed"` for indeterminate, and required/invalid wiring.
|
|
15
15
|
*/
|
|
16
|
-
export const Checkbox = ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate = false, variant = "primary", ...field }) => (_jsx(HeroCheckbox, { "data-tier": "atom", "data-component": "Checkbox", "data-contract": "A11Y-1 STATE-
|
|
16
|
+
export const Checkbox = ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate = false, variant = "primary", ...field }) => (_jsx(HeroCheckbox, { "data-tier": "atom", "data-component": "Checkbox", "data-contract": "A11Y-1 FIELD-1 CONTROL-STATE-3", className: "starci-core-choice starci-core-checkbox", variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, isIndeterminate: isIndeterminate, ...(value === undefined ? {} : { value }), ...(isSelected === undefined ? defaultSelected === undefined ? {} : { defaultSelected } : { isSelected }), ...(onSelectedChange === undefined ? {} : { onChange: onSelectedChange }), children: _jsx(CheckboxItem, { label: field.label, description: field.description, errorMessage: field.errorMessage, isStandalone: true }) }));
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAc1B,uFAAuF;AACvF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAM5E,EAAE,EAAE,CAAC,CACF,8BACI,MAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,gCAA4B,MAAM,aAC1F,KAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,iCAA6B,UAAU,YAC/F,KAAC,YAAY,CAAC,SAAS,KAAG,GACP,EACvB,KAAC,UAAU,cAAE,KAAK,GAAc,IACb,EACvB,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EACjD,YAAY,CAAC,CAAC,CAAC,KAAC,cAAc,cAAE,YAAY,GAAkB,CAAC,CAAC,CAAC,IAAI,IACvE,CACN,CAAA;AAED;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,KAAK,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,EAAE,EAAE,CAAC,CACjB,KAAC,YAAY,iBACC,MAAM,oBACD,UAAU,mBACX,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Checkbox/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAExD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAc1B,uFAAuF;AACvF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAM5E,EAAE,EAAE,CAAC,CACF,8BACI,MAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,gCAA4B,MAAM,aAC1F,KAAC,YAAY,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,iCAA6B,UAAU,YAC/F,KAAC,YAAY,CAAC,SAAS,KAAG,GACP,EACvB,KAAC,UAAU,cAAE,KAAK,GAAc,IACb,EACvB,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EACjD,YAAY,CAAC,CAAC,CAAC,KAAC,cAAc,cAAE,YAAY,GAAkB,CAAC,CAAC,CAAC,IAAI,IACvE,CACN,CAAA;AAED;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,KAAK,EACL,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,GAAG,KAAK,EACvB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACI,EAAE,EAAE,CAAC,CACjB,KAAC,YAAY,iBACC,MAAM,oBACD,UAAU,mBACX,gCAAgC,EAC9C,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,OAAO,KACZ,sBAAsB,CAAC,OAAO,CAAC,KAC/B,gBAAgB,CAAC,KAAK,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACrC,eAAe,EAAE,eAAe,KAC5B,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,KACtC,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,KACtG,CAAC,gBAAgB,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,YAE1E,KAAC,YAAY,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,YAAY,SAAG,GACxG,CAClB,CAAA"}
|
|
@@ -7,5 +7,5 @@ import { CloseButton as HeroCloseButton } from "@heroui/react";
|
|
|
7
7
|
* a mandatory name. Its pressable floor and focus ring are SHIPPED by `.starci-core-close-button` in
|
|
8
8
|
* `src/common/components-overlays.css`.
|
|
9
9
|
*/
|
|
10
|
-
export const CloseButton = ({ label, onPress, isDisabled = false, size = "md" }) => (_jsx(HeroCloseButton, { "data-tier": "atom", "data-component": "CloseButton", "data-size": size, "aria-label": label, "data-contract": "A11Y-2 FOCUS-1", isDisabled: isDisabled, className: "starci-core-close-button", ...(isDisabled || onPress === undefined ? {} : { onPress }) }));
|
|
10
|
+
export const CloseButton = ({ label, onPress, isDisabled = false, size = "md" }) => (_jsx(HeroCloseButton, { "data-tier": "atom", "data-component": "CloseButton", "data-size": size, "aria-label": label, "data-contract": "A11Y-2 ICON-5 FOCUS-1", isDisabled: isDisabled, className: "starci-core-close-button", ...(isDisabled || onPress === undefined ? {} : { onPress }) }));
|
|
11
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/CloseButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAY9D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAoB,EAAE,EAAE,CAAC,CAClG,KAAC,eAAe,iBACF,MAAM,oBACD,aAAa,eACjB,IAAI,gBACH,KAAK,mBACH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/CloseButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAY9D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAoB,EAAE,EAAE,CAAC,CAClG,KAAC,eAAe,iBACF,MAAM,oBACD,aAAa,eACjB,IAAI,gBACH,KAAK,mBACH,uBAAuB,EACrC,UAAU,EAAE,UAAU,EACtB,SAAS,EAAC,0BAA0B,KAChC,CAAC,UAAU,IAAI,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,GAC9D,CACL,CAAA"}
|
|
@@ -29,5 +29,5 @@ export const DateFieldBox = ({ children, isInvalid, isDisabled, variant = "prima
|
|
|
29
29
|
* A typed date: locale-ordered segments that each take digits and arrow keys, the vendor's. Values
|
|
30
30
|
* are `@internationalized/date` objects (the vendor's `DateValue`), never ambiguous strings.
|
|
31
31
|
*/
|
|
32
|
-
export const DateField = ({ value, defaultValue, onValueChange, minValue, maxValue, granularity = "day", variant = "primary", ...field }) => (_jsxs(HeroDateField, { "data-tier": "atom", "data-component": "DateField", "data-contract": "A11Y-1
|
|
32
|
+
export const DateField = ({ value, defaultValue, onValueChange, minValue, maxValue, granularity = "day", variant = "primary", ...field }) => (_jsxs(HeroDateField, { "data-tier": "atom", "data-component": "DateField", "data-contract": "A11Y-1 FIELD-1 FIELD-2 FIELD-3", className: "starci-core-field starci-core-date-field", fullWidth: true, ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), children: [_jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsx(DateFieldBox, { isInvalid: isFieldInvalid(field), isDisabled: field.isDisabled === true, variant: variant, children: _jsx(DateSegments, {}) }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
33
33
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/DateField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,IAAI,aAAa,EAAkB,MAAM,eAAe,CAAA;AAE1E,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,cAAc,EACd,gBAAgB,GAGnB,MAAM,mBAAmB,CAAA;AAgB1B,qGAAqG;AACrG,+FAA+F;AAC/F,MAAM,cAAc,GAAG,CAAC,OAAqB,EAAE,EAAE,CAAC,sCAAsC,OAAO,sDAAsD,CAAA;AACrJ,MAAM,gBAAgB,GAAG,gDAAgD,CAAA;AACzE,MAAM,kBAAkB,GAAG,oDAAoD,CAAA;AAE/E,wGAAwG;AACxG,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAuC,EAAE,EAAE,CAAC,CAC3E,KAAC,aAAa,CAAC,KAAK,IAAC,SAAS,EAAE,gBAAgB,KAAM,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,YACrF,CAAC,OAAO,EAAE,EAAE,CAAC,KAAC,aAAa,CAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,kBAAkB,GAAI,GACtE,CACzB,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,GAAG,SAAS,EAKlF,EAAE,EAAE,CAAC,CACF,cACI,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,eACxB,kBAAkB,gCACD,MAAM,KAC7B,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAC7C,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAElD,QAAQ,GACP,CACT,CAAA;AAED;;;;GAIG;AAEH;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACK,EAAE,EAAE,CAAC,CAClB,MAAC,aAAa,iBACA,MAAM,oBACD,WAAW,mBACZ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/DateField/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -90,7 +90,7 @@ export const Field = ({ id: idProp, label, isLabelHidden, description, errorMess
|
|
|
90
90
|
const descriptionId = description == null ? undefined : `${id}-description`;
|
|
91
91
|
const errorId = invalid && errorMessage != null ? `${id}-error` : undefined;
|
|
92
92
|
const describedBy = [descriptionId, errorId].filter((part) => part !== undefined).join(" ");
|
|
93
|
-
return (_jsxs("div", { "data-tier": "atom", "data-component": "Field", "data-contract": "A11Y-1
|
|
93
|
+
return (_jsxs("div", { "data-tier": "atom", "data-component": "Field", "data-contract": "A11Y-1 FIELD-1 FIELD-2", className: "starci-core-field", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), children: [_jsxs("label", { htmlFor: id, className: labelClassName(isLabelHidden), "data-grammar-field-label": "true", "data-required": isRequired === true ? "true" : undefined, children: [label, isRequired === true ? _jsx("span", { "aria-hidden": "true", className: "starci-core-field-required", children: "*" }) : null] }), description == null ? null : (_jsx("span", { id: descriptionId, className: "starci-core-field-description", "data-grammar-field-description": "true", children: description })), _jsx("div", { className: "starci-core-field-control", "data-grammar-field-control": "true", children: children({
|
|
94
94
|
id,
|
|
95
95
|
...(name === undefined ? {} : { name }),
|
|
96
96
|
...(describedBy === "" ? {} : { "aria-describedby": describedBy }),
|
|
@@ -111,6 +111,6 @@ export const Field = ({ id: idProp, label, isLabelHidden, description, errorMess
|
|
|
111
111
|
export const FieldSkeleton = ({ component, tier, label, isLabelHidden, isRequired, variant, kind, rows, count, fill, choiceLabels, orientation, className }) => {
|
|
112
112
|
const geometry = (shape, style, extra) => (_jsx("span", { "aria-hidden": "true", className: "starci-core-field-skeleton-control", "data-grammar-field-skeleton": shape, ...(extra ?? {}), ...(style === undefined ? {} : { style }), children: _jsx(Skeleton, { shape: "rect" }) }));
|
|
113
113
|
const labelNode = (_jsxs("span", { className: labelClassName(isLabelHidden), "data-grammar-field-label": "true", children: [label, isRequired === true ? _jsx("span", { "aria-hidden": "true", className: "starci-core-field-required", children: "*" }) : null] }));
|
|
114
|
-
return (_jsx("div", { "data-tier": tier, "data-component": component, "data-contract": "A11Y-1 STATE-8", className: `${kind === "switch" ? "starci-core-choice" : "starci-core-field"} ${className} starci-core-field-skeleton`, ...(variant === undefined ? {} : fieldVariantAttributes(variant)), ...(orientation === undefined ? {} : { "data-grammar-orientation": orientation }), "data-grammar-skeleton": "true", "data-loading": "true", "aria-busy": "true", children: kind === "switch" ? (_jsxs("span", { className: "starci-core-choice-content", children: [geometry("switch"), labelNode] })) : (_jsxs(_Fragment, { children: [labelNode, kind === "choices" ? (_jsx("div", { className: "starci-core-choice-group-options", children: (choiceLabels ?? []).map((choiceLabel, index) => (_jsxs("span", { className: "starci-core-choice-content", children: [geometry("choice"), _jsx("span", { className: "starci-core-field-skeleton-choice-label", children: choiceLabel })] }, index))) })) : kind === "textarea" ? (geometry("textarea", { "--starci-core-skeleton-rows": Math.max(1, Math.round(Number.isFinite(rows) ? rows : 4)) })) : kind === "segmented" ? (geometry("segmented", { "--starci-core-skeleton-segments": Math.max(1, Math.round(count ?? 2)) }, { "data-width": fill === true ? "fill" : "content" })) : (geometry(kind))] })) }));
|
|
114
|
+
return (_jsx("div", { "data-tier": tier, "data-component": component, "data-contract": "A11Y-1 FIELD-1 STATE-8", className: `${kind === "switch" ? "starci-core-choice" : "starci-core-field"} ${className} starci-core-field-skeleton`, ...(variant === undefined ? {} : fieldVariantAttributes(variant)), ...(orientation === undefined ? {} : { "data-grammar-orientation": orientation }), "data-grammar-skeleton": "true", "data-loading": "true", "aria-busy": "true", children: kind === "switch" ? (_jsxs("span", { className: "starci-core-choice-content", children: [geometry("switch"), labelNode] })) : (_jsxs(_Fragment, { children: [labelNode, kind === "choices" ? (_jsx("div", { className: "starci-core-choice-group-options", children: (choiceLabels ?? []).map((choiceLabel, index) => (_jsxs("span", { className: "starci-core-choice-content", children: [geometry("choice"), _jsx("span", { className: "starci-core-field-skeleton-choice-label", children: choiceLabel })] }, index))) })) : kind === "textarea" ? (geometry("textarea", { "--starci-core-skeleton-rows": Math.max(1, Math.round(Number.isFinite(rows) ? rows : 4)) })) : kind === "segmented" ? (geometry("segmented", { "--starci-core-skeleton-segments": Math.max(1, Math.round(count ?? 2)) }, { "data-width": fill === true ? "fill" : "content" })) : (geometry(kind))] })) }));
|
|
115
115
|
};
|
|
116
116
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Field/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Field/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,7 +19,7 @@ export const FileDropzone = ({ id: idProp, accept, multiple = false, onFilesChan
|
|
|
19
19
|
const descriptionId = description == null ? undefined : `${id}-description`;
|
|
20
20
|
const errorId = invalid && errorMessage != null ? `${id}-error` : undefined;
|
|
21
21
|
const describedBy = [descriptionId, errorId].filter((part) => part !== undefined).join(" ");
|
|
22
|
-
return (_jsxs("div", { "data-tier": "atom", "data-component": "FileDropzone", "data-contract": "A11Y-1
|
|
22
|
+
return (_jsxs("div", { "data-tier": "atom", "data-component": "FileDropzone", "data-contract": "A11Y-1 FIELD-1 FIELD-2 FIELD-3", className: "starci-core-field starci-core-file-dropzone", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), children: [_jsxs("label", { htmlFor: id, className: isLabelHidden === true ? "starci-core-field-label starci-core-form-label--screen-reader" : "starci-core-field-label", "data-grammar-field-label": "true", "data-required": isRequired === true ? "true" : undefined, children: [label, isRequired === true ? _jsx("span", { "aria-hidden": "true", className: "starci-core-field-required", children: "*" }) : null] }), descriptionId === undefined ? null : (_jsx("span", { id: descriptionId, className: "starci-core-field-description", "data-grammar-field-description": "true", children: description })), _jsxs("div", { className: "starci-core-file-dropzone-target", "data-grammar-field-control": "true", "data-grammar-drag": isDragging ? "over" : "idle", "data-contract": "FOCUS-5", onDragEnter: () => { if (!blocked)
|
|
23
23
|
setIsDragging(true); }, onDragOver: (event) => { if (blocked)
|
|
24
24
|
event.preventDefault(); }, onDragLeave: () => setIsDragging(false), onDrop: (event) => {
|
|
25
25
|
setIsDragging(false);
|
|
@@ -30,6 +30,6 @@ export const FileDropzone = ({ id: idProp, accept, multiple = false, onFilesChan
|
|
|
30
30
|
const next = Array.from(event.currentTarget.files ?? []);
|
|
31
31
|
setFiles(next);
|
|
32
32
|
onFilesChange?.(next);
|
|
33
|
-
} }), _jsxs("span", { className: "starci-core-file-dropzone-prompt", children: [icon == null ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-file-dropzone-icon", "data-contract": "
|
|
33
|
+
} }), _jsxs("span", { className: "starci-core-file-dropzone-prompt", children: [icon == null ? null : _jsx("span", { "aria-hidden": "true", className: "starci-core-file-dropzone-icon", "data-contract": "ICON-6", children: icon }), _jsx("span", { children: prompt })] })] }), hideFileList || files.length === 0 ? null : (_jsx("ul", { className: "starci-core-file-dropzone-files", "data-grammar-file-list": "true", "aria-live": "polite", children: files.map((file, index) => _jsx("li", { children: file.name }, `${file.name}-${index}`)) })), errorId === undefined ? null : (_jsx("span", { id: errorId, className: "starci-core-field-error", "data-grammar-field-error": "true", "data-contract": "FEEDBACK-1", children: errorMessage }))] }));
|
|
34
34
|
};
|
|
35
35
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/FileDropzone/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAA0B,MAAM,mBAAmB,CAAA;AAiBhG;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EACzB,EAAE,EAAE,MAAM,EACV,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,MAAM,EACN,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAI,GACY,EAAE,EAAE;IACpB,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;IAC7C,MAAM,EAAE,GAAG,MAAM,IAAI,OAAO,SAAS,EAAE,CAAA;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,cAAc,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,CAAA;IAC3D,MAAM,OAAO,GAAG,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,IAAI,CAAA;IAC1D,MAAM,aAAa,GAAG,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,cAAc,CAAA;IAC3E,MAAM,OAAO,GAAG,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAA;IAC3E,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,4BACc,MAAM,oBACD,cAAc,mBACf,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/FileDropzone/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ export type IconProps = {
|
|
|
30
30
|
/**
|
|
31
31
|
* Product-neutral icon carrier; semantic glyph names and libraries remain app authority.
|
|
32
32
|
*
|
|
33
|
-
*
|
|
33
|
+
* Contract: ICON-1 (the app resolves the glyph, Common owns its box) and ICON-6 (named once when it
|
|
34
34
|
* carries meaning, `aria-hidden` when it does not).
|
|
35
35
|
*/
|
|
36
36
|
export declare const Icon: ({ source: Source, usage, ariaLabel, isSkeleton }: IconProps) => import("react").JSX.Element;
|
|
@@ -12,7 +12,7 @@ const SKELETON_CLASS_NAME = skeletonVariants({ animationType: "shimmer" }).base(
|
|
|
12
12
|
/**
|
|
13
13
|
* Product-neutral icon carrier; semantic glyph names and libraries remain app authority.
|
|
14
14
|
*
|
|
15
|
-
*
|
|
15
|
+
* Contract: ICON-1 (the app resolves the glyph, Common owns its box) and ICON-6 (named once when it
|
|
16
16
|
* carries meaning, `aria-hidden` when it does not).
|
|
17
17
|
*/
|
|
18
18
|
export const Icon = ({ source: Source, usage = "chip", ariaLabel, isSkeleton = false }) => {
|
|
@@ -22,7 +22,7 @@ export const Icon = ({ source: Source, usage = "chip", ariaLabel, isSkeleton = f
|
|
|
22
22
|
// The private cast is the only React-type identity boundary. Consumers see the structural
|
|
23
23
|
// IconSource contract above, while JSX still receives the local React component type.
|
|
24
24
|
const SourceComponent = Source;
|
|
25
|
-
return (_jsx(SourceComponent, { "data-tier": "atom", "data-component": "Icon", "data-usage": usage, "data-contract": "
|
|
25
|
+
return (_jsx(SourceComponent, { "data-tier": "atom", "data-component": "Icon", "data-usage": usage, "data-contract": "ICON-1 ICON-6", focusable: "false", className: ICON_CLASS_NAME, ...(ariaLabel === undefined
|
|
26
26
|
? { "aria-hidden": true }
|
|
27
27
|
: { "aria-label": ariaLabel, role: "img" }) }));
|
|
28
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Icon/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAqChD;;;;GAIG;AACH,MAAM,eAAe,GAAG,kBAAkB,CAAA;AAE1C,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC;IAC5E,SAAS,EAAE,2BAA2B;CACzC,CAAC,CAAA;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAa,EAAE,EAAE;IACjG,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,4BAAgB,MAAM,oBAAgB,MAAM,kBAAc,MAAM,uBAAa,SAAS,EAAE,mBAAmB,GAAI,CAAA;IAC1H,CAAC;IAED,0FAA0F;IAC1F,sFAAsF;IACtF,MAAM,eAAe,GAAG,MAAgD,CAAA;IACxE,OAAO,CACH,KAAC,eAAe,iBACF,MAAM,oBACD,MAAM,gBACT,KAAK,mBACH,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Icon/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAqChD;;;;GAIG;AACH,MAAM,eAAe,GAAG,kBAAkB,CAAA;AAE1C,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC;IAC5E,SAAS,EAAE,2BAA2B;CACzC,CAAC,CAAA;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,SAAS,EAAE,UAAU,GAAG,KAAK,EAAa,EAAE,EAAE;IACjG,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,4BAAgB,MAAM,oBAAgB,MAAM,kBAAc,MAAM,uBAAa,SAAS,EAAE,mBAAmB,GAAI,CAAA;IAC1H,CAAC;IAED,0FAA0F;IAC1F,sFAAsF;IACtF,MAAM,eAAe,GAAG,MAAgD,CAAA;IACxE,OAAO,CACH,KAAC,eAAe,iBACF,MAAM,oBACD,MAAM,gBACT,KAAK,mBACH,eAAe,EAC7B,SAAS,EAAC,OAAO,EACjB,SAAS,EAAE,eAAe,KACtB,CAAC,SAAS,KAAK,SAAS;YACxB,CAAC,CAAC,EAAE,aAAa,EAAE,IAAa,EAAE;YAClC,CAAC,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,KAAc,EAAE,CAAC,GAC1D,CACL,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -4,8 +4,11 @@ import { type IconSource } from "../Icon/index.js";
|
|
|
4
4
|
* `ghost` is the quiet bare glyph with no fill at rest (HeroUI's ghost: a fill only on hover/press) -
|
|
5
5
|
* for an overflow "..." menu or a secondary glyph action beside a card title. `primary` is the accent-filled plate for the
|
|
6
6
|
* one glyph action that must stand out (a floating assistant or compose button); one per view, like a primary Button.
|
|
7
|
+
* `danger-soft` is the danger tone's soft tint plate (`--danger-soft` ground, `--danger-soft-foreground` glyph, one step
|
|
8
|
+
* stronger on hover): use it for a reversible or row-level destructive action, such as a trash glyph that deletes a row.
|
|
9
|
+
* A confirmed destructive action inside an AlertDialog uses the solid `danger` Button instead.
|
|
7
10
|
*/
|
|
8
|
-
export type IconButtonVariant = "tertiary" | "ghost" | "primary";
|
|
11
|
+
export type IconButtonVariant = "tertiary" | "ghost" | "primary" | "danger-soft";
|
|
9
12
|
export type IconButtonProps = {
|
|
10
13
|
readonly source: IconSource;
|
|
11
14
|
/** Required accessible name for the glyph-only action. */
|
|
@@ -35,6 +38,6 @@ export type IconButtonProps = {
|
|
|
35
38
|
};
|
|
36
39
|
/** What the badge plate prints: nothing for 0 / empty, the capped number, or the given text. */
|
|
37
40
|
export declare const iconButtonBadgeText: (badge: number | string | undefined, max?: number) => string | null;
|
|
38
|
-
/** Circular glyph-only action with a mandatory accessible name (A11Y-2). */
|
|
41
|
+
/** Circular glyph-only action with a mandatory accessible name (A11Y-2, ICON-5). */
|
|
39
42
|
export declare const IconButton: ({ source, label, variant, size, isFloating, isActive, isDisabled, isSkeleton, onPress, "aria-controls": controls, "aria-expanded": expanded, badge, badgeLabel, badgeMax, }: IconButtonProps) => import("react").JSX.Element;
|
|
40
43
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAExD
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAExD;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,aAAa,CAAA;AAEhF,MAAM,MAAM,eAAe,GAAG;IAC1B,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAA;IAC3B,0DAA0D;IAC1D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IACpC,+EAA+E;IAC/E,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC3B,8GAA8G;IAC9G,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IAC7B,sFAAsF;IACtF,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IACjC,qEAAqE;IACrE,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAChC,iHAAiH;IACjH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,oEAAoE;IACpE,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,gGAAgG;AAChG,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,GAAG,MAAM,GAAG,SAAS,EAAE,YAAQ,KAAG,MAAM,GAAG,IAI3F,CAAA;AAQD,oFAAoF;AACpF,eAAO,MAAM,UAAU,GAAI,6KAexB,eAAe,gCA2BjB,CAAA"}
|
|
@@ -14,9 +14,9 @@ export const iconButtonBadgeText = (badge, max = 99) => {
|
|
|
14
14
|
* resolved action and its resting shimmer alike; only the shimmer itself comes from the vendor.
|
|
15
15
|
*/
|
|
16
16
|
const SKELETON_CLASS_NAME = skeletonVariants({ animationType: "shimmer" }).base();
|
|
17
|
-
/** Circular glyph-only action with a mandatory accessible name (A11Y-2). */
|
|
17
|
+
/** Circular glyph-only action with a mandatory accessible name (A11Y-2, ICON-5). */
|
|
18
18
|
export const IconButton = ({ source, label, variant = "tertiary", size = "md", isFloating = false, isActive = false, isDisabled = false, isSkeleton = false, onPress, "aria-controls": controls, "aria-expanded": expanded, badge, badgeLabel, badgeMax = 99, }) => {
|
|
19
19
|
const badgeText = isSkeleton ? null : iconButtonBadgeText(badge, badgeMax);
|
|
20
|
-
return (_jsxs(HeroButton, { "data-tier": "atom", "data-component": "IconButton", "data-contract": "A11Y-2", "data-active": isActive ? "true" : "false", "data-variant": variant, "data-size": size, "data-floating": isFloating ? "true" : "false", "data-loading": isSkeleton ? "true" : "false", type: "button", variant: variant, className: cn("starci-core-icon-button", isSkeleton ? SKELETON_CLASS_NAME : undefined) ?? "starci-core-icon-button", isIconOnly: true, isDisabled: isDisabled || isSkeleton, "aria-label": badgeText !== null && badgeLabel !== undefined ? `${label}, ${badgeLabel}` : label, "data-grammar-icon-button-badge": badgeText === null ? "none" : "present", ...(controls === undefined ? {} : { "aria-controls": controls }), ...(expanded === undefined ? {} : { "aria-expanded": expanded }), ...(isDisabled || isSkeleton || onPress === undefined ? {} : { onPress }), children: [isSkeleton ? null : _jsx(Icon, { source: source, usage: "leading" }), badgeText === null ? null : _jsx("span", { "aria-hidden": true, className: "starci-core-icon-button-badge", "data-contract": "TONE-2", children: badgeText })] }));
|
|
20
|
+
return (_jsxs(HeroButton, { "data-tier": "atom", "data-component": "IconButton", "data-contract": "A11Y-2 ICON-5", "data-active": isActive ? "true" : "false", "data-variant": variant, "data-size": size, "data-floating": isFloating ? "true" : "false", "data-loading": isSkeleton ? "true" : "false", type: "button", variant: variant, className: cn("starci-core-icon-button", isSkeleton ? SKELETON_CLASS_NAME : undefined) ?? "starci-core-icon-button", isIconOnly: true, isDisabled: isDisabled || isSkeleton, "aria-label": badgeText !== null && badgeLabel !== undefined ? `${label}, ${badgeLabel}` : label, "data-grammar-icon-button-badge": badgeText === null ? "none" : "present", ...(controls === undefined ? {} : { "aria-controls": controls }), ...(expanded === undefined ? {} : { "aria-expanded": expanded }), ...(isDisabled || isSkeleton || onPress === undefined ? {} : { onPress }), children: [isSkeleton ? null : _jsx(Icon, { source: source, usage: "leading" }), badgeText === null ? null : _jsx("span", { "aria-hidden": true, className: "starci-core-icon-button-badge", "data-contract": "TONE-2", children: badgeText })] }));
|
|
21
21
|
};
|
|
22
22
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/IconButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC1E,OAAO,EAAE,IAAI,EAAmB,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/IconButton/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,8 +31,7 @@ export type ImageProps = AssetSlotProps & {
|
|
|
31
31
|
*
|
|
32
32
|
* The box claims its aspect ratio before the bytes arrive, so lazy images never shift the page.
|
|
33
33
|
* `MediaFrame` frames approved art with a caption; `Image` is the element inside or outside it.
|
|
34
|
-
*
|
|
35
|
-
* identity. Contract: img MOTION-2 (load choreography preserves the final frame under reduced motion).
|
|
34
|
+
* Contract: box MEDIA-2 MEDIA-5 (reserved ratio, load states), img MEDIA-4 MOTION-2, fallback MEDIA-4 MEDIA-5.
|
|
36
35
|
*/
|
|
37
36
|
export declare const Image: ({ src, alt, aspect, fit, fallback, loading, srcSet, sizes, width, height, onLoadStateChange, plate, className, ...assetSlot }: ImageProps) => import("react").JSX.Element;
|
|
38
37
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Image/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEzE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAC/E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACtC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,0FAA0F;IAC1F,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAA;IAC7B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC5D;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Image/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEzE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEpD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAC/E,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG;IACtC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,0FAA0F;IAC1F,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,CAAA;IAC7B,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAClC,2DAA2D;IAC3D,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,0EAA0E;IAC1E,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;IAC5D;;;OAGG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,GAAI,+HAenB,UAAU,gCAqDZ,CAAA"}
|
|
@@ -8,8 +8,7 @@ import { assetSlotAttributes } from "./assetSlot.js";
|
|
|
8
8
|
*
|
|
9
9
|
* The box claims its aspect ratio before the bytes arrive, so lazy images never shift the page.
|
|
10
10
|
* `MediaFrame` frames approved art with a caption; `Image` is the element inside or outside it.
|
|
11
|
-
*
|
|
12
|
-
* identity. Contract: img MOTION-2 (load choreography preserves the final frame under reduced motion).
|
|
11
|
+
* Contract: box MEDIA-2 MEDIA-5 (reserved ratio, load states), img MEDIA-4 MOTION-2, fallback MEDIA-4 MEDIA-5.
|
|
13
12
|
*/
|
|
14
13
|
export const Image = ({ src, alt, aspect = "auto", fit = "cover", fallback, loading = "lazy", srcSet, sizes, width, height, onLoadStateChange, plate = "default", className, ...assetSlot }) => {
|
|
15
14
|
const [state, setState] = useState("loading");
|
|
@@ -26,6 +25,6 @@ export const Image = ({ src, alt, aspect = "auto", fit = "cover", fallback, load
|
|
|
26
25
|
report("loaded");
|
|
27
26
|
}, [src]);
|
|
28
27
|
const showFallback = state === "error" && fallback !== undefined;
|
|
29
|
-
return (_jsx("span", { className: navigationClassName("starci-core-image", className), "data-component": "Image", "data-tier": "atom", "data-grammar-image-aspect": aspect, "data-grammar-image-fit": fit, "data-grammar-image-state": state, "data-grammar-image-plate": plate, ...assetSlotAttributes(assetSlot), children: showFallback ? (_jsx("span", { className: "starci-core-image-fallback", "data-grammar-image-fallback": "true", ...(alt === "" ? { "aria-hidden": true } : { role: "img", "aria-label": alt }), children: fallback })) : (_jsx("img", { ref: imageRef, alt: alt, className: "starci-core-image-element", "data-contract": "MOTION-2", decoding: "async", loading: loading, src: src, ...(srcSet === undefined ? {} : { srcSet }), ...(sizes === undefined ? {} : { sizes }), ...(width === undefined ? {} : { width }), ...(height === undefined ? {} : { height }), onError: () => report("error"), onLoad: () => report("loaded") })) }));
|
|
28
|
+
return (_jsx("span", { className: navigationClassName("starci-core-image", className), "data-component": "Image", "data-contract": "MEDIA-2 MEDIA-5", "data-tier": "atom", "data-grammar-image-aspect": aspect, "data-grammar-image-fit": fit, "data-grammar-image-state": state, "data-grammar-image-plate": plate, ...assetSlotAttributes(assetSlot), children: showFallback ? (_jsx("span", { className: "starci-core-image-fallback", "data-contract": "MEDIA-4 MEDIA-5", "data-grammar-image-fallback": "true", ...(alt === "" ? { "aria-hidden": true } : { role: "img", "aria-label": alt }), children: fallback })) : (_jsx("img", { ref: imageRef, alt: alt, className: "starci-core-image-element", "data-contract": "MEDIA-4 MOTION-2", decoding: "async", loading: loading, src: src, ...(srcSet === undefined ? {} : { srcSet }), ...(sizes === undefined ? {} : { sizes }), ...(width === undefined ? {} : { width }), ...(height === undefined ? {} : { height }), onError: () => report("error"), onLoad: () => report("loaded") })) }));
|
|
30
29
|
};
|
|
31
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Image/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,mBAAmB,EAAuB,MAAM,gBAAgB,CAAA;AA+BzE
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Image/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ export type IncludedMarkProps = Omit<ComponentPropsWithoutRef<"svg">, "children"
|
|
|
5
5
|
/**
|
|
6
6
|
* Purpose-named offering marker: an outlined 20px circle-check in inherited
|
|
7
7
|
* foreground. It deliberately does not reuse affirmative/completion state (TRUTH-1), and it is named
|
|
8
|
-
* only when given a label, silent otherwise (
|
|
8
|
+
* only when given a label, silent otherwise (ICON-6).
|
|
9
9
|
*/
|
|
10
10
|
export declare const IncludedMark: ({ className, label, ...props }: IncludedMarkProps) => import("react").JSX.Element;
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -3,7 +3,7 @@ import { cn } from "@heroui/react";
|
|
|
3
3
|
/**
|
|
4
4
|
* Purpose-named offering marker: an outlined 20px circle-check in inherited
|
|
5
5
|
* foreground. It deliberately does not reuse affirmative/completion state (TRUTH-1), and it is named
|
|
6
|
-
* only when given a label, silent otherwise (
|
|
6
|
+
* only when given a label, silent otherwise (ICON-6).
|
|
7
7
|
*/
|
|
8
|
-
export const IncludedMark = ({ className, label, ...props }) => (_jsxs("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-included-mark", className), "data-contract": "
|
|
8
|
+
export const IncludedMark = ({ className, label, ...props }) => (_jsxs("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-included-mark", className), "data-contract": "ICON-6 TRUTH-1", "data-grammar-included-mark": "true", "data-component": "IncludedMark", "data-tier": "atom", focusable: "false", role: label === undefined ? undefined : "img", viewBox: "0 0 20 20", children: [_jsx("circle", { cx: "10", cy: "10", fill: "none", r: "8", stroke: "currentColor", strokeWidth: "1.5" }), _jsx("path", { d: "m6.5 10.25 2.2 2.2 4.8-5", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "1.75" })] }));
|
|
9
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -8,6 +8,6 @@ export type KbdProps = {
|
|
|
8
8
|
*/
|
|
9
9
|
readonly keys: readonly string[];
|
|
10
10
|
};
|
|
11
|
-
/** ATOM - `Kbd`: one
|
|
11
|
+
/** ATOM - `Kbd`: one keyboard shortcut chord as a single `<kbd>` element. Contract: ICON-6 (key glyphs named once via `<abbr title>`). */
|
|
12
12
|
export declare const Kbd: ({ keys }: KbdProps) => import("react").JSX.Element;
|
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Kbd/index.tsx"],"names":[],"mappings":"AAEA,sGAAsG;AACtG,eAAO,MAAM,cAAc,0MAGjB,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzD,MAAM,MAAM,QAAQ,GAAG;IACnB;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CACnC,CAAA;AAKD,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/primitive/Kbd/index.tsx"],"names":[],"mappings":"AAEA,sGAAsG;AACtG,eAAO,MAAM,cAAc,0MAGjB,CAAA;AAEV,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAEzD,MAAM,MAAM,QAAQ,GAAG;IACnB;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;CACnC,CAAA;AAKD,0IAA0I;AAC1I,eAAO,MAAM,GAAG,GAAI,UAAU,QAAQ,gCAMrC,CAAA"}
|
|
@@ -7,8 +7,8 @@ export const KBD_NAMED_KEYS = [
|
|
|
7
7
|
];
|
|
8
8
|
const namedKeys = new Set(KBD_NAMED_KEYS);
|
|
9
9
|
const isNamedKey = (key) => namedKeys.has(key);
|
|
10
|
-
/** ATOM - `Kbd`: one
|
|
11
|
-
export const Kbd = ({ keys }) => (_jsx(HeroKbd, { "data-tier": "atom", "data-component": "Kbd", "data-contract": "
|
|
10
|
+
/** ATOM - `Kbd`: one keyboard shortcut chord as a single `<kbd>` element. Contract: ICON-6 (key glyphs named once via `<abbr title>`). */
|
|
11
|
+
export const Kbd = ({ keys }) => (_jsx(HeroKbd, { "data-tier": "atom", "data-component": "Kbd", "data-contract": "ICON-6", className: "starci-core-kbd", children: keys.map((key, index) => isNamedKey(key)
|
|
12
12
|
? _jsx(HeroKbd.Abbr, { keyValue: key }, `${key}-${index}`)
|
|
13
13
|
: _jsx(HeroKbd.Content, { children: key }, `${key}-${index}`)) }));
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Kbd/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAE9C,sGAAsG;AACtG,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO;IACnG,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;CAClF,CAAA;AAYV,MAAM,SAAS,GAAwB,IAAI,GAAG,CAAC,cAAc,CAAC,CAAA;AAC9D,MAAM,UAAU,GAAG,CAAC,GAAW,EAAsB,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE1E,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Kbd/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAE9C,sGAAsG;AACtG,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO;IACnG,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK;CAClF,CAAA;AAYV,MAAM,SAAS,GAAwB,IAAI,GAAG,CAAC,cAAc,CAAC,CAAA;AAC9D,MAAM,UAAU,GAAG,CAAC,GAAW,EAAsB,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE1E,0IAA0I;AAC1I,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAAE,IAAI,EAAY,EAAE,EAAE,CAAC,CACvC,KAAC,OAAO,iBAAW,MAAM,oBAAgB,KAAK,mBAAe,QAAQ,EAAC,SAAS,EAAC,iBAAiB,YAC5F,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC;QACrC,CAAC,CAAC,KAAC,OAAO,CAAC,IAAI,IAAyB,QAAQ,EAAE,GAAG,IAAhC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAmB;QACzD,CAAC,CAAC,KAAC,OAAO,CAAC,OAAO,cAA0B,GAAG,IAAvB,GAAG,GAAG,IAAI,KAAK,EAAE,CAAyB,CAAC,GACjE,CACb,CAAA"}
|