@starci/grammar 0.9.9 → 0.9.10
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 +61 -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 +13 -1
- 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 +7 -0
- 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
|
@@ -24,7 +24,7 @@ export type LinkProps = {
|
|
|
24
24
|
* It is always a real anchor (middle-click, copy-link and the `link` role come from the platform).
|
|
25
25
|
* `TextAction` owns action-shaped links; `Link` owns prose and directory links, including the
|
|
26
26
|
* visited and current destination states that action chrome does not draw.
|
|
27
|
-
* Contract: anchor ACTION-3 (always a destination) FOCUS-1, external glyph
|
|
27
|
+
* Contract: anchor ACTION-3 (always a destination) FOCUS-1, external glyph ICON-6.
|
|
28
28
|
*/
|
|
29
29
|
export declare const Link: ({ children, href, kind, isCurrent, visited, externalHint, externalIcon, isDisabled, onFollow, className, }: LinkProps) => import("react").JSX.Element;
|
|
30
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -8,10 +8,10 @@ import { navigationClassName } from "../../navigationClassNames.js";
|
|
|
8
8
|
* It is always a real anchor (middle-click, copy-link and the `link` role come from the platform).
|
|
9
9
|
* `TextAction` owns action-shaped links; `Link` owns prose and directory links, including the
|
|
10
10
|
* visited and current destination states that action chrome does not draw.
|
|
11
|
-
* Contract: anchor ACTION-3 (always a destination) FOCUS-1, external glyph
|
|
11
|
+
* Contract: anchor ACTION-3 (always a destination) FOCUS-1, external glyph ICON-6.
|
|
12
12
|
*/
|
|
13
13
|
export const Link = ({ children, href, kind = "internal", isCurrent = false, visited = "distinct", externalHint, externalIcon, isDisabled = false, onFollow, className, }) => {
|
|
14
14
|
const external = kind === "external";
|
|
15
|
-
return (_jsxs(HeroLink, { "aria-current": isCurrent ? "page" : undefined, className: navigationClassName("starci-core-link", className), "data-component": "Link", "data-contract": "ACTION-3 FOCUS-1", "data-tier": "atom", "data-grammar-link-kind": kind, "data-grammar-link-visited": visited, "data-grammar-current": isCurrent ? "true" : "false", isDisabled: isDisabled, ...(isDisabled ? { "aria-disabled": true } : { href }), ...(external ? { target: "_blank", rel: "noopener noreferrer" } : {}), ...(onFollow === undefined ? {} : { onPress: () => onFollow() }), children: [children, external && externalIcon !== undefined ? _jsx("span", { "aria-hidden": "true", className: "starci-core-link-external-icon", "data-contract": "
|
|
15
|
+
return (_jsxs(HeroLink, { "aria-current": isCurrent ? "page" : undefined, className: navigationClassName("starci-core-link", className), "data-component": "Link", "data-contract": "ACTION-3 FOCUS-1", "data-tier": "atom", "data-grammar-link-kind": kind, "data-grammar-link-visited": visited, "data-grammar-current": isCurrent ? "true" : "false", isDisabled: isDisabled, ...(isDisabled ? { "aria-disabled": true } : { href }), ...(external ? { target: "_blank", rel: "noopener noreferrer" } : {}), ...(onFollow === undefined ? {} : { onPress: () => onFollow() }), children: [children, external && externalIcon !== undefined ? _jsx("span", { "aria-hidden": "true", className: "starci-core-link-external-icon", "data-contract": "ICON-6", "data-grammar-link-external-icon": "true", children: externalIcon }) : null, external && externalHint !== undefined ? _jsx("span", { className: "starci-core-nav-visually-hidden", children: ` ${externalHint}` }) : null] }));
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -11,5 +11,5 @@ import { FieldDescription, FieldErrorText, FieldLabel, FieldSkeleton, fieldVaria
|
|
|
11
11
|
* A number with stepping. The vendor owns `role="spinbutton"`-equivalent semantics on the input,
|
|
12
12
|
* locale parsing, arrow-key and wheel stepping, clamping to min/max and the localized stepper names.
|
|
13
13
|
*/
|
|
14
|
-
export const NumberField = ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers = false, variant = "primary", isSkeleton = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "NumberField", tier: "atom", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "input", className: "starci-core-number-field" })) : (_jsxs(HeroNumberField, { "data-tier": "atom", "data-component": "NumberField", "data-contract": "A11Y-1
|
|
14
|
+
export const NumberField = ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers = false, variant = "primary", isSkeleton = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "NumberField", tier: "atom", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "input", className: "starci-core-number-field" })) : (_jsxs(HeroNumberField, { "data-tier": "atom", "data-component": "NumberField", "data-contract": "A11Y-1 FIELD-1 FIELD-2 FIELD-3", className: "starci-core-field starci-core-number-field", fullWidth: true, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(minValue === undefined ? {} : { minValue }), ...(maxValue === undefined ? {} : { maxValue }), ...(step === undefined ? {} : { step }), ...(formatOptions === undefined ? {} : { formatOptions }), children: [_jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroNumberField.Group, { className: "starci-core-number-field-group", "data-grammar-field-control": "true", children: [hideSteppers ? null : _jsx(HeroNumberField.DecrementButton, { className: "starci-core-number-field-step" }), _jsx(HeroNumberField.Input, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-number-field-input" }), hideSteppers ? null : _jsx(HeroNumberField.IncrementButton, { className: "starci-core-number-field-step" })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/NumberField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAA;AAC9D,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAwB1B;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,EAAE,EACF,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,YAAY,GAAG,KAAK,EACpB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACO,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACjC,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,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,OAAO,EAAC,SAAS,EAAC,0BAA0B,GAAG,CAClN,CAAC,CAAC,CAAC,CACA,MAAC,eAAe,iBACF,MAAM,oBACD,aAAa,mBACd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/NumberField/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export type RankArtworkProps = Omit<ComponentPropsWithoutRef<"svg">, "children">
|
|
|
7
7
|
/**
|
|
8
8
|
* Semantic ranking artwork shared by every Core consumer. Consumers choose
|
|
9
9
|
* the ranking meaning; the Grammar owns the official Fluent Emoji Flat art. Named only when given a
|
|
10
|
-
* label, silent otherwise (
|
|
10
|
+
* label, silent otherwise (ICON-6).
|
|
11
11
|
*/
|
|
12
12
|
export declare const RankArtwork: ({ className, kind, label, ...props }: RankArtworkProps) => import("react").JSX.Element;
|
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -9,7 +9,7 @@ const artworkByKind = {
|
|
|
9
9
|
/**
|
|
10
10
|
* Semantic ranking artwork shared by every Core consumer. Consumers choose
|
|
11
11
|
* the ranking meaning; the Grammar owns the official Fluent Emoji Flat art. Named only when given a
|
|
12
|
-
* label, silent otherwise (
|
|
12
|
+
* label, silent otherwise (ICON-6).
|
|
13
13
|
*/
|
|
14
|
-
export const RankArtwork = ({ className, kind, label, ...props }) => (_jsx("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-rank-artwork", className), "data-contract": "
|
|
14
|
+
export const RankArtwork = ({ className, kind, label, ...props }) => (_jsx("svg", { ...props, "aria-hidden": label === undefined ? "true" : undefined, "aria-label": label, className: cn("starci-core-rank-artwork", className), "data-contract": "ICON-6", "data-grammar-rank-artwork": kind, "data-component": "RankArtwork", "data-tier": "atom", fill: "none", focusable: "false", role: label === undefined ? undefined : "img", viewBox: "0 0 32 32", xmlns: "http://www.w3.org/2000/svg", children: artworkByKind[kind] }));
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -20,7 +20,7 @@ export type RatingProps = {
|
|
|
20
20
|
/**
|
|
21
21
|
* A 1..max rating. Interactive ratings are a native radio set, so arrow keys, form submission and
|
|
22
22
|
* the radiogroup semantics come from the platform; read-only ratings are one labelled image.
|
|
23
|
-
* Contract: read-only A11Y-3; radiogroup A11Y-3 FOCUS-2 STATE-
|
|
23
|
+
* Contract: read-only A11Y-3; radiogroup A11Y-3 FOCUS-2 CONTROL-STATE-3; option FOCUS-1; glyph ICON-6.
|
|
24
24
|
*/
|
|
25
25
|
export declare const Rating: ({ label, value, defaultValue, onChange, max, isReadOnly, isDisabled, valueLabel, icon, name, className, }: RatingProps) => import("react").JSX.Element;
|
|
26
26
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useId, useState } from "react";
|
|
4
4
|
import { navigationClassName } from "../../navigationClassNames.js";
|
|
5
|
-
const StarGlyph = () => (_jsx("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", className: "starci-core-rating-glyph", "data-contract": "
|
|
5
|
+
const StarGlyph = () => (_jsx("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", className: "starci-core-rating-glyph", "data-contract": "ICON-6", children: _jsx("path", { d: "M12 2.8l2.8 5.9 6.4.8-4.7 4.4 1.2 6.3L12 17.1l-5.7 3.1 1.2-6.3-4.7-4.4 6.4-.8z" }) }));
|
|
6
6
|
const fillFor = (position, value) => {
|
|
7
7
|
if (value >= position)
|
|
8
8
|
return "full";
|
|
@@ -13,7 +13,7 @@ const fillFor = (position, value) => {
|
|
|
13
13
|
/**
|
|
14
14
|
* A 1..max rating. Interactive ratings are a native radio set, so arrow keys, form submission and
|
|
15
15
|
* the radiogroup semantics come from the platform; read-only ratings are one labelled image.
|
|
16
|
-
* Contract: read-only A11Y-3; radiogroup A11Y-3 FOCUS-2 STATE-
|
|
16
|
+
* Contract: read-only A11Y-3; radiogroup A11Y-3 FOCUS-2 CONTROL-STATE-3; option FOCUS-1; glyph ICON-6.
|
|
17
17
|
*/
|
|
18
18
|
export const Rating = ({ label, value, defaultValue = 0, onChange, max = 5, isReadOnly = false, isDisabled = false, valueLabel, icon, name, className, }) => {
|
|
19
19
|
const [uncontrolled, setUncontrolled] = useState(defaultValue);
|
|
@@ -31,7 +31,7 @@ export const Rating = ({ label, value, defaultValue = 0, onChange, max = 5, isRe
|
|
|
31
31
|
setUncontrolled(next);
|
|
32
32
|
onChange?.(next);
|
|
33
33
|
};
|
|
34
|
-
return (_jsx("span", { "aria-disabled": isDisabled || undefined, "aria-label": label, className: navigationClassName("starci-core-rating", className), "data-component": "Rating", "data-tier": "atom", "data-contract": "A11Y-3 FOCUS-2 STATE-
|
|
34
|
+
return (_jsx("span", { "aria-disabled": isDisabled || undefined, "aria-label": label, className: navigationClassName("starci-core-rating", className), "data-component": "Rating", "data-tier": "atom", "data-contract": "A11Y-3 FOCUS-2 CONTROL-STATE-3", "data-grammar-rating-mode": "interactive", "data-grammar-disabled": isDisabled ? "true" : "false", onPointerLeave: () => setPreview(null), role: "radiogroup", children: positions.map((position) => (_jsxs("label", { className: "starci-core-rating-item", "data-contract": "FOCUS-1", "data-grammar-rating-fill": fillFor(position, shown), "data-grammar-selected": Math.round(current) === position ? "true" : "false", onPointerEnter: () => { if (!isDisabled)
|
|
35
35
|
setPreview(position); }, children: [_jsx("input", { "aria-label": valueLabel(position, max), checked: Math.round(current) === position, className: "starci-core-rating-input", disabled: isDisabled, name: name ?? generatedName, onChange: () => select(position), type: "radio", value: position }), glyph] }, position))) }));
|
|
36
36
|
};
|
|
37
37
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Rating/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAqBnE,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACpB,6BAAiB,MAAM,EAAC,SAAS,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,0BAA0B,mBAAe,QAAQ,YACrH,eAAM,CAAC,EAAC,gFAAgF,GAAG,GACzF,CACT,CAAA;AAED,MAAM,OAAO,GAAG,CAAC,QAAgB,EAAE,KAAa,EAA6B,EAAE;IAC3E,IAAI,KAAK,IAAI,QAAQ;QAAE,OAAO,MAAM,CAAA;IACpC,IAAI,KAAK,IAAI,QAAQ,GAAG,GAAG;QAAE,OAAO,MAAM,CAAA;IAC1C,OAAO,OAAO,CAAA;AAClB,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,QAAQ,EACR,GAAG,GAAG,CAAC,EACP,UAAU,GAAG,KAAK,EAClB,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,SAAS,GACC,EAAE,EAAE;IACd,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAA;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,KAAK,EAAE,CAAA;IAC7B,MAAM,OAAO,GAAG,KAAK,IAAI,YAAY,CAAA;IACrC,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;IACtE,MAAM,KAAK,GAAG,IAAI,IAAI,KAAC,SAAS,KAAG,CAAA;IAEnC,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,CACH,6BACgB,GAAG,KAAK,KAAK,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,EACnD,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAChD,QAAQ,eACb,MAAM,mBACF,QAAQ,8BACG,WAAW,EACpC,IAAI,EAAC,KAAK,YAET,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CACzB,eAAqB,SAAS,EAAC,yBAAyB,8BAA2B,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,YAAG,KAAK,IAA1G,QAAQ,CAA0G,CAChI,CAAC,GACC,CACV,CAAA;IACL,CAAC;IAED,MAAM,KAAK,GAAG,OAAO,IAAI,OAAO,CAAA;IAChC,MAAM,MAAM,GAAG,CAAC,IAAY,EAAE,EAAE;QAC5B,IAAI,KAAK,KAAK,SAAS;YAAE,eAAe,CAAC,IAAI,CAAC,CAAA;QAC9C,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IACD,OAAO,CACH,gCACmB,UAAU,IAAI,SAAS,gBAC1B,KAAK,EACjB,SAAS,EAAE,mBAAmB,CAAC,oBAAoB,EAAE,SAAS,CAAC,oBAChD,QAAQ,eACb,MAAM,mBACF,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Rating/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,5 +11,5 @@ import { FieldDescription, FieldErrorText, FieldLabel, FieldSkeleton, fieldVaria
|
|
|
11
11
|
* A text field whose job is a query: `type="search"`, a clear button, Escape to clear, Enter to
|
|
12
12
|
* submit - all the vendor's. The leading glyph is decoration; the label is the name.
|
|
13
13
|
*/
|
|
14
|
-
export const SearchField = ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending = false, clearLabel, variant = "primary", isSkeleton = false, onBlur, onPaste, autoFocus = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "SearchField", tier: "atom", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "input", className: "starci-core-search-field" })) : (_jsxs(HeroSearchField, { "data-tier": "atom", "data-component": "SearchField", "data-contract": "A11Y-1
|
|
14
|
+
export const SearchField = ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending = false, clearLabel, variant = "primary", isSkeleton = false, onBlur, onPaste, autoFocus = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "SearchField", tier: "atom", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "input", className: "starci-core-search-field" })) : (_jsxs(HeroSearchField, { "data-tier": "atom", "data-component": "SearchField", "data-contract": "A11Y-1 FIELD-1 FIELD-2 CONTROL-STATE-2", className: "starci-core-field starci-core-search-field", fullWidth: true, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps({ ...field, isPending }), isReadOnly: field.isReadOnly === true, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(onValueChange === undefined ? {} : { onChange: onValueChange }), ...(onSubmit === undefined ? {} : { onSubmit }), ...(onClear === undefined ? {} : { onClear }), children: [_jsx(FieldLabel, { isHidden: field.isLabelHidden, isRequired: field.isRequired, children: field.label }), _jsxs(HeroSearchField.Group, { className: "starci-core-search-field-group", "data-grammar-field-control": "true", children: [_jsx(HeroSearchField.SearchIcon, { "aria-hidden": "true" }), _jsx(HeroSearchField.Input, { ...(id === undefined ? {} : { id }), ...(placeholder === undefined ? {} : { placeholder }), className: "starci-core-search-field-input", ...(autoFocus ? { autoFocus: true } : {}), ...(onBlur === undefined ? {} : { onBlur: () => onBlur() }), ...(onPaste === undefined ? {} : { onPaste }), ...(isPending ? { "aria-busy": true } : {}) }), isPending ? _jsx(HeroSpinner, { size: "sm", color: "current", "aria-hidden": "true", className: "starci-core-field-spinner" }) : null, _jsx(HeroSearchField.ClearButton, { className: "starci-core-search-field-clear", ...(clearLabel === undefined ? {} : { "aria-label": clearLabel }) })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/SearchField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AAEtF,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,sBAAsB,EACtB,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AA+B1B;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EACxB,EAAE,EACF,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,KAAK,EAClB,MAAM,EACN,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACO,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACjC,KAAC,aAAa,IAAC,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,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,OAAO,EAAC,SAAS,EAAC,0BAA0B,GAAG,CAClN,CAAC,CAAC,CAAC,CACA,MAAC,eAAe,iBACF,MAAM,oBACD,aAAa,mBACd,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/SearchField/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,6 @@ export const Skeleton = ({ shape = "text", lines = 1, ratio = "landscape", size
|
|
|
13
13
|
const count = clampLines(lines);
|
|
14
14
|
return (_jsx("span", { "data-tier": "atom", "data-component": "Skeleton", "data-shape": "text", "data-lines": count, "aria-hidden": "true", "data-contract": "STATE-2", className: "starci-core-skeleton-group", children: Array.from({ length: count }, (_, index) => (_jsx(HeroSkeleton, { animationType: "shimmer", className: "starci-core-skeleton", "data-contract": "MOTION-2", "data-grammar-skeleton-line": index === count - 1 && count > 1 ? "last" : "line" }, index))) }));
|
|
15
15
|
}
|
|
16
|
-
return (_jsx(HeroSkeleton, { animationType: "shimmer", "data-tier": "atom", "data-component": "Skeleton", "data-shape": shape, ...(shape === "rect" ? { "data-ratio": ratio } : { "data-size": size }), "aria-hidden": "true", "data-contract": "STATE-2 MOTION-2", className: "starci-core-skeleton" }));
|
|
16
|
+
return (_jsx(HeroSkeleton, { animationType: "shimmer", "data-tier": "atom", "data-component": "Skeleton", "data-shape": shape, ...(shape === "rect" ? { "data-ratio": ratio } : { "data-size": size }), "aria-hidden": "true", "data-contract": "STATE-2 MEDIA-5 MOTION-2", className: "starci-core-skeleton" }));
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Skeleton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAgBxD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/G;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,WAAW,EAAE,IAAI,GAAG,IAAI,EAAiB,EAAE,EAAE;IACvG,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAC/B,OAAO,CACH,4BACc,MAAM,oBACD,UAAU,gBACd,MAAM,gBACL,KAAK,iBACL,MAAM,mBACJ,SAAS,EACvB,SAAS,EAAC,4BAA4B,YAErC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,KAAC,YAAY,IAET,aAAa,EAAC,SAAS,EACvB,SAAS,EAAC,sBAAsB,mBAClB,UAAU,gCACI,KAAK,KAAK,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IAJzE,KAAK,CAKZ,CACL,CAAC,GACC,CACV,CAAA;IACL,CAAC;IAED,OAAO,CACH,KAAC,YAAY,IACT,aAAa,EAAC,SAAS,eACb,MAAM,oBACD,UAAU,gBACb,KAAK,KACb,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,iBAC5D,MAAM,mBACJ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Skeleton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAA;AAgBxD,MAAM,UAAU,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/G;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,WAAW,EAAE,IAAI,GAAG,IAAI,EAAiB,EAAE,EAAE;IACvG,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;QAC/B,OAAO,CACH,4BACc,MAAM,oBACD,UAAU,gBACd,MAAM,gBACL,KAAK,iBACL,MAAM,mBACJ,SAAS,EACvB,SAAS,EAAC,4BAA4B,YAErC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACzC,KAAC,YAAY,IAET,aAAa,EAAC,SAAS,EACvB,SAAS,EAAC,sBAAsB,mBAClB,UAAU,gCACI,KAAK,KAAK,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IAJzE,KAAK,CAKZ,CACL,CAAC,GACC,CACV,CAAA;IACL,CAAC;IAED,OAAO,CACH,KAAC,YAAY,IACT,aAAa,EAAC,SAAS,eACb,MAAM,oBACD,UAAU,gBACb,KAAK,KACb,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,iBAC5D,MAAM,mBACJ,0BAA0B,EACxC,SAAS,EAAC,sBAAsB,GAClC,CACL,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -26,7 +26,7 @@ export const Slider = ({ value, defaultValue, onValueChange, onValueCommit, minV
|
|
|
26
26
|
const selection = readOnly
|
|
27
27
|
? { value: toVendor(value ?? heldValue) }
|
|
28
28
|
: value === undefined ? defaultValue === undefined ? {} : { defaultValue: toVendor(defaultValue) } : { value: toVendor(value) };
|
|
29
|
-
return (_jsxs(HeroSlider, { "data-tier": "atom", "data-component": "Slider", "data-contract": "A11Y-1 A11Y-3
|
|
29
|
+
return (_jsxs(HeroSlider, { "data-tier": "atom", "data-component": "Slider", "data-contract": "A11Y-1 A11Y-3 FIELD-3", "data-grammar-orientation": orientation, className: "starci-core-field starci-core-slider", ...fieldStateAttributes({ isInvalid: invalid, isDisabled, isReadOnly, isRequired }), ...(isDisabled === true ? { isDisabled: true } : {}), orientation: orientation, minValue: minValue, maxValue: maxValue, ...(step === undefined ? {} : { step }), ...(formatOptions === undefined ? {} : { formatOptions }), ...selection, onChange: (next) => {
|
|
30
30
|
if (!readOnly)
|
|
31
31
|
onValueChange?.(next);
|
|
32
32
|
}, onChangeEnd: (next) => {
|
|
@@ -11,5 +11,5 @@ import { FieldDescription, FieldErrorText, FieldLabel, FieldSkeleton, vendorFiel
|
|
|
11
11
|
* An immediate on/off setting (`role="switch"`). Use Checkbox for a choice that only takes effect
|
|
12
12
|
* on submit. The label is part of the hit area; Space toggles.
|
|
13
13
|
*/
|
|
14
|
-
export const Switch = ({ value, isSelected, defaultSelected, onSelectedChange, isSkeleton = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "Switch", tier: "atom", label: field.label, isRequired: field.isRequired, kind: "switch", className: "starci-core-switch" })) : (_jsxs(HeroSwitch, { "data-tier": "atom", "data-component": "Switch", "data-contract": "A11Y-1 STATE-
|
|
14
|
+
export const Switch = ({ value, isSelected, defaultSelected, onSelectedChange, isSkeleton = false, ...field }) => isSkeleton ? (_jsx(FieldSkeleton, { component: "Switch", tier: "atom", label: field.label, isRequired: field.isRequired, kind: "switch", className: "starci-core-switch" })) : (_jsxs(HeroSwitch, { "data-tier": "atom", "data-component": "Switch", "data-contract": "A11Y-1 FIELD-1 CONTROL-STATE-3", className: "starci-core-choice starci-core-switch", ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, ...(value === undefined ? {} : { value }), ...(isSelected === undefined ? defaultSelected === undefined ? {} : { defaultSelected } : { isSelected }), ...(onSelectedChange === undefined ? {} : { onChange: onSelectedChange }), children: [_jsxs(HeroSwitch.Content, { className: "starci-core-choice-content", "data-grammar-choice-target": "true", children: [_jsx(HeroSwitch.Control, { className: "starci-core-choice-control", "data-grammar-choice-control": "switch", children: _jsx(HeroSwitch.Thumb, {}) }), _jsx(FieldLabel, { children: field.label })] }), _jsx(FieldDescription, { children: field.description }), _jsx(FieldErrorText, { children: field.errorMessage })] }));
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Switch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAc1B;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACxI,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB,GAAG,CAClJ,CAAC,CAAC,CAAC,CACA,MAAC,UAAU,iBACG,MAAM,oBACD,QAAQ,mBACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Switch/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACb,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAc1B;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CACxI,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,oBAAoB,GAAG,CAClJ,CAAC,CAAC,CAAC,CACA,MAAC,UAAU,iBACG,MAAM,oBACD,QAAQ,mBACT,gCAAgC,EAC9C,SAAS,EAAC,uCAAuC,KAC7C,gBAAgB,CAAC,KAAK,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,KACjC,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,aAE1E,MAAC,UAAU,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,gCAA4B,MAAM,aACxF,KAAC,UAAU,CAAC,OAAO,IAAC,SAAS,EAAC,4BAA4B,iCAA6B,QAAQ,YAC3F,KAAC,UAAU,CAAC,KAAK,KAAG,GACH,EACrB,KAAC,UAAU,cAAE,KAAK,CAAC,KAAK,GAAc,IACrB,EACrB,KAAC,gBAAgB,cAAE,KAAK,CAAC,WAAW,GAAoB,EACxD,KAAC,cAAc,cAAE,KAAK,CAAC,YAAY,GAAkB,IAC5C,CAChB,CAAA"}
|
|
@@ -93,7 +93,7 @@ export const Textarea = ({ id, placeholder, value, defaultValue, rows = 4, isSke
|
|
|
93
93
|
if (isSkeleton) {
|
|
94
94
|
return _jsx(FieldSkeleton, { component: "Textarea", tier: "atom", label: field.label, isLabelHidden: field.isLabelHidden, isRequired: field.isRequired, variant: variant, kind: "textarea", rows: rows, className: "starci-core-textarea" });
|
|
95
95
|
}
|
|
96
|
-
return (_jsxs(HeroTextField, { "data-tier": "atom", "data-component": "Textarea", "data-contract": "A11Y-1
|
|
96
|
+
return (_jsxs(HeroTextField, { "data-tier": "atom", "data-component": "Textarea", "data-contract": "A11Y-1 FIELD-1 FIELD-2 FIELD-3", className: "starci-core-field starci-core-textarea", fullWidth: true, variant: variant, ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, ...(value === undefined ? defaultValue === undefined ? {} : { defaultValue } : { value }), ...(maxLength === undefined ? {} : { maxLength }), ...(minLength === undefined ? {} : { minLength }), onChange: (next) => {
|
|
97
97
|
setUncontrolledLength(next.length);
|
|
98
98
|
onValueChange?.(next);
|
|
99
99
|
// Text can arrive without a key release (IME, paste, a phone keyboard, dictation): re-read the trigger then too.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Textarea/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/Textarea/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,5 +9,5 @@ import { DateFieldBox, DateSegments } from "../DateField/index.js";
|
|
|
9
9
|
* a rule on the hook adds to the shared anatomy and never has to replace it.
|
|
10
10
|
*/
|
|
11
11
|
/** A typed time of day in locale-ordered spinbutton segments. */
|
|
12
|
-
export const TimeField = ({ value, defaultValue, onValueChange, minValue, maxValue, granularity = "minute", hourCycle, variant = "primary", ...field }) => (_jsxs(HeroTimeField, { "data-tier": "atom", "data-component": "TimeField", "data-contract": "A11Y-1
|
|
12
|
+
export const TimeField = ({ value, defaultValue, onValueChange, minValue, maxValue, granularity = "minute", hourCycle, variant = "primary", ...field }) => (_jsxs(HeroTimeField, { "data-tier": "atom", "data-component": "TimeField", "data-contract": "A11Y-1 FIELD-1 FIELD-2 FIELD-3", className: "starci-core-field starci-core-time-field", fullWidth: true, ...fieldVariantAttributes(variant), ...vendorFieldProps(field), isReadOnly: field.isReadOnly === true, granularity: granularity, ...(hourCycle === undefined ? {} : { hourCycle }), ...(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 })] }));
|
|
13
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/primitive/TimeField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,IAAI,aAAa,EAAkB,MAAM,eAAe,CAAA;AAC1E,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,cAAc,EACd,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAelE;;;;GAIG;AAEH,iEAAiE;AACjE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,SAAS,EACT,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/TimeField/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,SAAS,IAAI,aAAa,EAAkB,MAAM,eAAe,CAAA;AAC1E,OAAO,EACH,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,sBAAsB,EACtB,cAAc,EACd,gBAAgB,GAEnB,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAelE;;;;GAIG;AAEH,iEAAiE;AACjE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACK,EAAE,EAAE,CAAC,CAClB,MAAC,aAAa,iBACA,MAAM,oBACD,WAAW,mBACZ,gCAAgC,EAC9C,SAAS,EAAC,0CAA0C,EACpD,SAAS,WACL,sBAAsB,CAAC,OAAO,CAAC,KAC/B,gBAAgB,CAAC,KAAK,CAAC,EAC3B,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EACrC,WAAW,EAAE,WAAW,KACpB,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,KAC9C,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,KAChE,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAC5C,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,aAEhD,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,CAAC,KAAK,GAAc,EACnG,KAAC,YAAY,IAAC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,EAAE,OAAO,EAAE,OAAO,YACnG,KAAC,YAAY,KAAG,GACL,EACf,KAAC,gBAAgB,cAAE,KAAK,CAAC,WAAW,GAAoB,EACxD,KAAC,cAAc,cAAE,KAAK,CAAC,YAAY,GAAkB,IACzC,CACnB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/heritage/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAG3B,uFAAuF;AACvF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE;QACX,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;QACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;QACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;KAC1B,CAAA;CACJ,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/heritage/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAMH,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAG3B,uFAAuF;AACvF,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,EAAE;QACX,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;QACpB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;QACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;KAC1B,CAAA;CACJ,CAAA;AAoBD,yDAAyD;AACzD,eAAO,MAAM,eAAe;;EAc1B,CAAA;AAWF,eAAO,MAAM,uBAAuB;;;;;;EAIlC,CAAA;AAEF,eAAO,MAAM,mBAAmB,mFAAyC,CAAA;AACzE,eAAO,MAAM,cAAc,sFAAoC,CAAA;AAC/D,eAAO,MAAM,eAAe,2IAAqC,CAAA;AACjE,eAAO,MAAM,aAAa,uDAAmC,CAAA"}
|
package/dist/heritage/index.js
CHANGED
|
@@ -6,10 +6,7 @@ const HeritageGrammarRootRenderer = (props) => {
|
|
|
6
6
|
const CommonGrammarRoot = COMMON_GRAMMAR_COMPONENTS.GrammarRoot;
|
|
7
7
|
return createElement(CommonGrammarRoot, { ...props, "data-grammar-family": "heritage" });
|
|
8
8
|
};
|
|
9
|
-
/**
|
|
10
|
-
* Family extension for non-interactive brand content inside a consumer-owned destination.
|
|
11
|
-
* Brand receives approved logo identity; asset generation remains outside Grammar.
|
|
12
|
-
*/
|
|
9
|
+
/** Family extension for non-interactive brand content inside a consumer-owned destination. */
|
|
13
10
|
const HeritageBrandRenderer = ({ name, descriptor, logo }) => (_jsxs("span", { "data-family-component": "Brand", children: [_jsx("span", { "data-family-part": "brand-mark", "aria-hidden": "true", children: _jsx("img", { src: logo.src, alt: "", width: logo.width, height: logo.height }) }), _jsxs("span", { "data-family-part": "brand-copy", children: [_jsx("strong", { children: name }), _jsx("span", { children: descriptor })] })] }));
|
|
14
11
|
/** Official product-neutral Heritage family contract. */
|
|
15
12
|
export const heritageGrammar = defineGrammarFamily({
|
|
@@ -33,6 +30,7 @@ const HERITAGE_FAMILY_EVIDENCE = {
|
|
|
33
30
|
"COLOR-5": ["Heritage owns scoped light, dark, system, and forced-color variables."],
|
|
34
31
|
"FOCUS-1": ["Heritage binds the shared visible focus variable without replacing focus ownership."],
|
|
35
32
|
"GAP-2": ["Brand anatomy uses the invariant Common spacing tokens."],
|
|
33
|
+
"MEDIA-6": ["Brand receives approved logo identity; asset generation remains outside Grammar."],
|
|
36
34
|
};
|
|
37
35
|
export const heritageRuleConformance = defineGrammarRuleConformance({
|
|
38
36
|
familyId: "heritage",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/heritage/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,4BAA4B,GAG/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAarC,MAAM,2BAA2B,GAA+C,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,WAAW,CAAA;IAC/D,OAAO,aAAa,CAAC,iBAAiB,EAAE,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC,CAAA;AAC5F,CAAC,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/heritage/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EACH,yBAAyB,EACzB,kBAAkB,EAClB,mBAAmB,EACnB,4BAA4B,GAG/B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAarC,MAAM,2BAA2B,GAA+C,CAAC,KAAK,EAAE,EAAE;IACtF,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,WAAW,CAAA;IAC/D,OAAO,aAAa,CAAC,iBAAiB,EAAE,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,CAAC,CAAA;AAC5F,CAAC,CAAA;AAED,8FAA8F;AAC9F,MAAM,qBAAqB,GAAiD,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CACxG,yCAA4B,OAAO,aAC/B,mCAAuB,YAAY,iBAAa,MAAM,YAClD,cAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,GAClE,EACP,oCAAuB,YAAY,aAC/B,2BAAS,IAAI,GAAU,EACvB,yBAAO,UAAU,GAAQ,IACtB,IACJ,CACV,CAAA;AAED,yDAAyD;AACzD,MAAM,CAAC,MAAM,eAAe,GAAG,mBAAmB,CAAC;IAC/C,EAAE,EAAE,UAAU;IACd,MAAM,EAAE;QACJ,UAAU,EAAE,qCAAqC;QACjD,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,KAAK,EAAE,UAAU,EAAE;KACjE;IACD,UAAU,EAAE;QACR,YAAY,EAAE;YACV,WAAW,EAAE,2BAA2B;SAC3C;QACD,UAAU,EAAE;YACR,KAAK,EAAE,qBAAqB;SAC/B;KACJ;CACJ,CAAC,CAAA;AAEF,MAAM,wBAAwB,GAAG;IAC7B,QAAQ,EAAE,CAAC,gEAAgE,CAAC;IAC5E,YAAY,EAAE,CAAC,4EAA4E,CAAC;IAC5F,SAAS,EAAE,CAAC,uEAAuE,CAAC;IACpF,SAAS,EAAE,CAAC,qFAAqF,CAAC;IAClG,OAAO,EAAE,CAAC,yDAAyD,CAAC;IACpE,SAAS,EAAE,CAAC,kFAAkF,CAAC;CACzF,CAAA;AAEV,MAAM,CAAC,MAAM,uBAAuB,GAAG,4BAA4B,CAAC;IAChE,QAAQ,EAAE,UAAU;IACpB,oBAAoB,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,wBAAwB,CAAC,CAAC;IAC9F,cAAc,EAAE,wBAAwB;CAC3C,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,eAAe,CAAC,UAAU,CAAC,WAAW,CAAA;AACzE,MAAM,CAAC,MAAM,cAAc,GAAG,eAAe,CAAC,UAAU,CAAC,MAAM,CAAA;AAC/D,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,CAAA;AACjE,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC,UAAU,CAAC,KAAK,CAAA"}
|
|
@@ -164,6 +164,26 @@
|
|
|
164
164
|
font-weight: 900;
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
+
/* Tabs variant="secondary": one outlined unit with the family's hard offset, the selected tab a pink pill (the SegmentedControl treatment). */
|
|
168
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Tabs"][data-grammar-tabs-variant="secondary"] .tabs__list-container {
|
|
169
|
+
border: var(--offset-pop-outline-width) solid var(--offset-pop-ink);
|
|
170
|
+
border-radius: var(--offset-pop-control-radius) !important;
|
|
171
|
+
box-shadow: var(--offset-pop-shadow-x) var(--offset-pop-shadow-x) 0 var(--offset-pop-shadow-ink);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Tabs"][data-grammar-tabs-variant="secondary"] .tabs__tab {
|
|
175
|
+
color: var(--offset-pop-ink);
|
|
176
|
+
font-weight: 800;
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Tabs"][data-grammar-tabs-variant="secondary"] .tabs__tab[data-selected="true"] {
|
|
180
|
+
color: var(--accent-foreground) !important;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="Tabs"][data-grammar-tabs-variant="secondary"] .tabs__indicator {
|
|
184
|
+
background: var(--offset-pop-pink) !important;
|
|
185
|
+
}
|
|
186
|
+
|
|
167
187
|
/* TagGroup: outlined chips; selected chips turn pink and lift. */
|
|
168
188
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="TagGroup"] [data-grammar-tag] {
|
|
169
189
|
border: var(--offset-pop-outline-width) solid var(--offset-pop-ink);
|
|
@@ -5,29 +5,31 @@
|
|
|
5
5
|
* (`components-forms.css`, `components-overlays.css`, `components-navigation.css`). A rule is
|
|
6
6
|
* FAMILY-owned only when that CSS makes a decision inside the rule's concern; the evidence names the
|
|
7
7
|
* mechanism. Every other rule is inherited: the family declares nothing in its concern, so Common's
|
|
8
|
-
* realization stands unchanged (Core inherits
|
|
8
|
+
* realization stands unchanged (Core inherits all 150 the same way).
|
|
9
9
|
*
|
|
10
10
|
* Inherited on purpose, although the family is close to them:
|
|
11
11
|
* - The spacing and size rules not listed below: the family's only geometry is the short allow-list
|
|
12
|
-
*
|
|
12
|
+
* the family promises, each entry owned by a claim here.
|
|
13
13
|
* - ACCENT-3 / COLOR-3: one pink fills the decision action, marks the selected or current state and
|
|
14
14
|
* draws the focus ring, so distinctness rests on Common's carriers (fill on an action, fill inside a
|
|
15
15
|
* control, outline, soft pairing, underline), not on hue.
|
|
16
16
|
* - BOUNDARY-3: rows claim it, and the seam stays Common's one line between consecutive rows; the family
|
|
17
17
|
* only repaints that same edge in its 2px outline material (BOUNDARY-5) and adds no edge of its own.
|
|
18
18
|
*
|
|
19
|
-
* Each claim below
|
|
20
|
-
* `styles.spec.ts`, the component `components-*.spec.ts` files or the render specs.
|
|
19
|
+
* Each claim below names the stylesheet rule or renderer that carries it.
|
|
21
20
|
*/
|
|
22
|
-
/** Renderer ownership guidance, retained as a source contract rather than a published UI rule claim. */
|
|
23
|
-
export declare const OFFSET_POP_SOURCE_OWNERSHIP_EVIDENCE: readonly ["Every family edge lands on a hook a Common owner emits (`data-component`, `data-grammar-*`, the HeroUI slot, or the vendor's own state attribute); the family adds no wrapper shell."];
|
|
24
21
|
export declare const OFFSET_POP_FAMILY_EVIDENCE: {
|
|
25
22
|
readonly "ACCENT-1": readonly ["`--accent` binds the one pink. The family fills with it only the decision it marks: the dialog confirm, toast and alert action (the single action in each), a checked, selected or current state inside a control, and a real measurement (slider, meter, rating, spinner); it never paints text with it."];
|
|
26
23
|
readonly "BOUNDARY-1": readonly ["Band edges are the ink line at `--offset-pop-outline-width`: NavigationFeatureNav and TopBar below, Footer and BottomNav above; `--border` and `--separator` resolve to the same ink in every theme and CanvasText under forced colours."];
|
|
27
24
|
readonly "BOUNDARY-4": readonly ["Rail draws its inline-end column edge as the 2px `--offset-pop-outline-width` ink line in `--border`; Common draws none on Rail."];
|
|
28
25
|
readonly "BOUNDARY-5": readonly ["Objects carry a `--offset-pop-outline-width` (2px) solid ink outline in place of Common's 1px: nested surfaces, Button, Badge, StateMark, field and choice controls, overlay surfaces, DataTable, Calendar, Avatar, tags and pagination; grouped Buttons overlap by one outline width so a shared edge draws once, and a row seam is Common's one between-rows edge repainted at the outline width (never a second edge)."];
|
|
29
|
-
readonly "BOUNDARY-6": readonly ["Family-owned departure: a `depth=\"top\"` surface keeps `--shadow-surface` (the hard `0.25rem 0.5rem 0 --offset-pop-shadow-ink` offset) AND the 2px ink outline, the outline-plus-offset signature (overlay surfaces, DataTable and Calendar do the same); forced colours drop the shadow and keep only the outline."
|
|
26
|
+
readonly "BOUNDARY-6": readonly ["Family-owned departure: a `depth=\"top\"` surface keeps `--shadow-surface` (the hard `0.25rem 0.5rem 0 --offset-pop-shadow-ink` offset) AND the 2px ink outline, the outline-plus-offset signature (overlay surfaces, DataTable and Calendar do the same); forced colours drop the shadow and keep only the outline."];
|
|
30
27
|
readonly "COLOR-5": readonly ["Scoped light, `[data-grammar-theme=\"dark\"]`, `prefers-color-scheme` system and `forced-colors` token blocks, and every component sheet resets its edges, shadows and selected fills to system colours; every text pair measures at least 4.5:1 and the focus ring at least 3:1 in light and dark, error text included (critical mixed 65% with the ink)."];
|
|
28
|
+
readonly "CONTROL-STATE-2": readonly ["`[data-grammar-state=\"unavailable\"]` reads in the muted ink (AA, unavailable is not disabled), drops shadow and transform and shows `not-allowed`; `[data-grammar-state=\"pending\"]` only removes pointer events at full paint. Two hooks, never derived from each other."];
|
|
29
|
+
readonly "CORE-BOUNDARY-1": readonly ["Every family edge lands on a hook a Common owner emits (`data-component`, `data-grammar-*`, the HeroUI slot, or the vendor's own state attribute); the family adds no wrapper shell."];
|
|
30
|
+
readonly "CORE-BOUNDARY-4": readonly ["Shadows stay material, not stacking: `--shadow-surface` and the overlay, drawer and chip offsets are hard ink copies of the outline, nested and forced-colour surfaces have none, and the family sets no `z-index` or `position`."];
|
|
31
|
+
readonly "CORE-BOUNDARY-5": readonly ["Unlike Core, the family adds width queries, and they change shadow geometry only: below 40rem the offset shadow and the surface radius shorten, below 30rem DataTable and Calendar take a smaller hard shadow; every owner hook stays. State paint changes text colour, shadow and pointer only."];
|
|
32
|
+
readonly "CORE-SURFACE-2": readonly ["Material (ink outline, radius, `--surface`, depth shadow) is painted on the bounded `[data-slot=\"card-content\"]` frame and `[data-grammar-surface]` shells; the HeroUI `[data-slot=\"card\"]` root is cleared to no edge, no background and no shadow."];
|
|
31
33
|
readonly "FLOW-2": readonly ["The display Heading wraps with `text-wrap: balance`; `overflow-wrap` stays Common's."];
|
|
32
34
|
readonly "FONT-6": readonly ["The display Heading keeps Common's `text-4xl` size; the family sets weight 900, tracking -.045em and line-height .96, tighter than Common's `leading-tight`."];
|
|
33
35
|
readonly "FOCUS-1": readonly ["`--focus` binds the pink ring (3.22:1 on canvas light, 5.42:1 dark, Highlight under forced colours). It rings a focus-visible whole action's painted frame, a choice control and a slider thumb (2px, 0.25rem offset), and a keyboard-focused ListBox or Select/ComboBox option (2px on the row edge, offset 0, so the list's clip never cuts it); a field shows focus as the hard offset shadow over a transparent 2px outline that forced colours turn into a Highlight ring."];
|
|
@@ -41,11 +43,10 @@ export declare const OFFSET_POP_FAMILY_EVIDENCE: {
|
|
|
41
43
|
readonly "PADDING-2": readonly ["The current Breadcrumb becomes an outlined pill with a .5rem inline inset."];
|
|
42
44
|
readonly "PADDING-3": readonly ["The Calendar becomes an outlined sheet with a .75rem inset."];
|
|
43
45
|
readonly "PADDING-4": readonly ["Disclosure and Accordion triggers take a 1rem inline inset inside their outlined box."];
|
|
44
|
-
readonly "RESPONSIVE-1": readonly ["Narrow widths change only family shadow geometry: below 40rem `--offset-pop-shadow-y` (0.5rem to 0.25rem) and `--offset-pop-surface-radius` (1.5rem to 1.25rem), below 30rem the DataTable and Calendar shadow; no region, hook or content is removed."
|
|
45
|
-
readonly "STATE-1": readonly ["`[data-grammar-state=\"unavailable\"]` reads in the muted ink (AA, unavailable is not disabled), drops shadow and transform and shows `not-allowed`; `[data-grammar-state=\"pending\"]` only removes pointer events at full paint. Two hooks, never derived from each other."];
|
|
46
|
+
readonly "RESPONSIVE-1": readonly ["Narrow widths change only family shadow geometry: below 40rem `--offset-pop-shadow-y` (0.5rem to 0.25rem) and `--offset-pop-surface-radius` (1.5rem to 1.25rem), below 30rem the DataTable and Calendar shadow; no region, hook or content is removed."];
|
|
46
47
|
readonly "STATE-5": readonly ["Surface press and focus treatments are keyed on `:has([data-grammar-whole-action]...)`, so a static surface never paints as pressable."];
|
|
47
48
|
readonly "SURFACE-1": readonly ["The HeroUI card root stays no-surface around the painted frame (no edge, transparent, no shadow), and a frameless SurfaceCard carries no hook the family paints."];
|
|
48
|
-
readonly "SURFACE-2": readonly ["Bounded frames and `[data-grammar-surface]` shells paint `--surface` with `--surface-foreground`, both bound to family tokens."
|
|
49
|
+
readonly "SURFACE-2": readonly ["Bounded frames and `[data-grammar-surface]` shells paint `--surface` with `--surface-foreground`, both bound to family tokens."];
|
|
49
50
|
readonly "SURFACE-3": readonly ["A nested frame or shell paints `--surface-secondary`, drops the shadow, and keeps `--surface-foreground` (the same ink as `--foreground`)."];
|
|
50
51
|
readonly "SURFACE-4": readonly ["`--accent-soft` binds the secondary surface and `--accent-soft-foreground` the text-safe `--offset-pop-accent-text` (5.09:1 light, 5.61:1 dark)."];
|
|
51
52
|
readonly "TONE-2": readonly ["`Text tone=\"muted\"` reads `--muted` (#675f6c light, #c8bdca dark), at least 4.75:1 on every family surface."];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conformance.d.ts","sourceRoot":"","sources":["../../src/offset-pop/conformance.ts"],"names":[],"mappings":"AAEA
|
|
1
|
+
{"version":3,"file":"conformance.d.ts","sourceRoot":"","sources":["../../src/offset-pop/conformance.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkC6B,CAAA;AAEpE,eAAO,MAAM,wBAAwB;;;;;;EAInC,CAAA"}
|
|
@@ -6,29 +6,31 @@ import { COMMON_UI_RULE_IDS, defineGrammarRuleConformance } from "../common/inde
|
|
|
6
6
|
* (`components-forms.css`, `components-overlays.css`, `components-navigation.css`). A rule is
|
|
7
7
|
* FAMILY-owned only when that CSS makes a decision inside the rule's concern; the evidence names the
|
|
8
8
|
* mechanism. Every other rule is inherited: the family declares nothing in its concern, so Common's
|
|
9
|
-
* realization stands unchanged (Core inherits
|
|
9
|
+
* realization stands unchanged (Core inherits all 150 the same way).
|
|
10
10
|
*
|
|
11
11
|
* Inherited on purpose, although the family is close to them:
|
|
12
12
|
* - The spacing and size rules not listed below: the family's only geometry is the short allow-list
|
|
13
|
-
*
|
|
13
|
+
* the family promises, each entry owned by a claim here.
|
|
14
14
|
* - ACCENT-3 / COLOR-3: one pink fills the decision action, marks the selected or current state and
|
|
15
15
|
* draws the focus ring, so distinctness rests on Common's carriers (fill on an action, fill inside a
|
|
16
16
|
* control, outline, soft pairing, underline), not on hue.
|
|
17
17
|
* - BOUNDARY-3: rows claim it, and the seam stays Common's one line between consecutive rows; the family
|
|
18
18
|
* only repaints that same edge in its 2px outline material (BOUNDARY-5) and adds no edge of its own.
|
|
19
19
|
*
|
|
20
|
-
* Each claim below
|
|
21
|
-
* `styles.spec.ts`, the component `components-*.spec.ts` files or the render specs.
|
|
20
|
+
* Each claim below names the stylesheet rule or renderer that carries it.
|
|
22
21
|
*/
|
|
23
|
-
/** Renderer ownership guidance, retained as a source contract rather than a published UI rule claim. */
|
|
24
|
-
export const OFFSET_POP_SOURCE_OWNERSHIP_EVIDENCE = ["Every family edge lands on a hook a Common owner emits (`data-component`, `data-grammar-*`, the HeroUI slot, or the vendor's own state attribute); the family adds no wrapper shell."];
|
|
25
22
|
export const OFFSET_POP_FAMILY_EVIDENCE = {
|
|
26
23
|
"ACCENT-1": ["`--accent` binds the one pink. The family fills with it only the decision it marks: the dialog confirm, toast and alert action (the single action in each), a checked, selected or current state inside a control, and a real measurement (slider, meter, rating, spinner); it never paints text with it."],
|
|
27
24
|
"BOUNDARY-1": ["Band edges are the ink line at `--offset-pop-outline-width`: NavigationFeatureNav and TopBar below, Footer and BottomNav above; `--border` and `--separator` resolve to the same ink in every theme and CanvasText under forced colours."],
|
|
28
25
|
"BOUNDARY-4": ["Rail draws its inline-end column edge as the 2px `--offset-pop-outline-width` ink line in `--border`; Common draws none on Rail."],
|
|
29
26
|
"BOUNDARY-5": ["Objects carry a `--offset-pop-outline-width` (2px) solid ink outline in place of Common's 1px: nested surfaces, Button, Badge, StateMark, field and choice controls, overlay surfaces, DataTable, Calendar, Avatar, tags and pagination; grouped Buttons overlap by one outline width so a shared edge draws once, and a row seam is Common's one between-rows edge repainted at the outline width (never a second edge)."],
|
|
30
|
-
"BOUNDARY-6": ["Family-owned departure: a `depth=\"top\"` surface keeps `--shadow-surface` (the hard `0.25rem 0.5rem 0 --offset-pop-shadow-ink` offset) AND the 2px ink outline, the outline-plus-offset signature (overlay surfaces, DataTable and Calendar do the same); forced colours drop the shadow and keep only the outline."
|
|
27
|
+
"BOUNDARY-6": ["Family-owned departure: a `depth=\"top\"` surface keeps `--shadow-surface` (the hard `0.25rem 0.5rem 0 --offset-pop-shadow-ink` offset) AND the 2px ink outline, the outline-plus-offset signature (overlay surfaces, DataTable and Calendar do the same); forced colours drop the shadow and keep only the outline."],
|
|
31
28
|
"COLOR-5": ["Scoped light, `[data-grammar-theme=\"dark\"]`, `prefers-color-scheme` system and `forced-colors` token blocks, and every component sheet resets its edges, shadows and selected fills to system colours; every text pair measures at least 4.5:1 and the focus ring at least 3:1 in light and dark, error text included (critical mixed 65% with the ink)."],
|
|
29
|
+
"CONTROL-STATE-2": ["`[data-grammar-state=\"unavailable\"]` reads in the muted ink (AA, unavailable is not disabled), drops shadow and transform and shows `not-allowed`; `[data-grammar-state=\"pending\"]` only removes pointer events at full paint. Two hooks, never derived from each other."],
|
|
30
|
+
"CORE-BOUNDARY-1": ["Every family edge lands on a hook a Common owner emits (`data-component`, `data-grammar-*`, the HeroUI slot, or the vendor's own state attribute); the family adds no wrapper shell."],
|
|
31
|
+
"CORE-BOUNDARY-4": ["Shadows stay material, not stacking: `--shadow-surface` and the overlay, drawer and chip offsets are hard ink copies of the outline, nested and forced-colour surfaces have none, and the family sets no `z-index` or `position`."],
|
|
32
|
+
"CORE-BOUNDARY-5": ["Unlike Core, the family adds width queries, and they change shadow geometry only: below 40rem the offset shadow and the surface radius shorten, below 30rem DataTable and Calendar take a smaller hard shadow; every owner hook stays. State paint changes text colour, shadow and pointer only."],
|
|
33
|
+
"CORE-SURFACE-2": ["Material (ink outline, radius, `--surface`, depth shadow) is painted on the bounded `[data-slot=\"card-content\"]` frame and `[data-grammar-surface]` shells; the HeroUI `[data-slot=\"card\"]` root is cleared to no edge, no background and no shadow."],
|
|
32
34
|
"FLOW-2": ["The display Heading wraps with `text-wrap: balance`; `overflow-wrap` stays Common's."],
|
|
33
35
|
"FONT-6": ["The display Heading keeps Common's `text-4xl` size; the family sets weight 900, tracking -.045em and line-height .96, tighter than Common's `leading-tight`."],
|
|
34
36
|
"FOCUS-1": ["`--focus` binds the pink ring (3.22:1 on canvas light, 5.42:1 dark, Highlight under forced colours). It rings a focus-visible whole action's painted frame, a choice control and a slider thumb (2px, 0.25rem offset), and a keyboard-focused ListBox or Select/ComboBox option (2px on the row edge, offset 0, so the list's clip never cuts it); a field shows focus as the hard offset shadow over a transparent 2px outline that forced colours turn into a Highlight ring."],
|
|
@@ -42,11 +44,10 @@ export const OFFSET_POP_FAMILY_EVIDENCE = {
|
|
|
42
44
|
"PADDING-2": ["The current Breadcrumb becomes an outlined pill with a .5rem inline inset."],
|
|
43
45
|
"PADDING-3": ["The Calendar becomes an outlined sheet with a .75rem inset."],
|
|
44
46
|
"PADDING-4": ["Disclosure and Accordion triggers take a 1rem inline inset inside their outlined box."],
|
|
45
|
-
"RESPONSIVE-1": ["Narrow widths change only family shadow geometry: below 40rem `--offset-pop-shadow-y` (0.5rem to 0.25rem) and `--offset-pop-surface-radius` (1.5rem to 1.25rem), below 30rem the DataTable and Calendar shadow; no region, hook or content is removed."
|
|
46
|
-
"STATE-1": ["`[data-grammar-state=\"unavailable\"]` reads in the muted ink (AA, unavailable is not disabled), drops shadow and transform and shows `not-allowed`; `[data-grammar-state=\"pending\"]` only removes pointer events at full paint. Two hooks, never derived from each other."],
|
|
47
|
+
"RESPONSIVE-1": ["Narrow widths change only family shadow geometry: below 40rem `--offset-pop-shadow-y` (0.5rem to 0.25rem) and `--offset-pop-surface-radius` (1.5rem to 1.25rem), below 30rem the DataTable and Calendar shadow; no region, hook or content is removed."],
|
|
47
48
|
"STATE-5": ["Surface press and focus treatments are keyed on `:has([data-grammar-whole-action]...)`, so a static surface never paints as pressable."],
|
|
48
49
|
"SURFACE-1": ["The HeroUI card root stays no-surface around the painted frame (no edge, transparent, no shadow), and a frameless SurfaceCard carries no hook the family paints."],
|
|
49
|
-
"SURFACE-2": ["Bounded frames and `[data-grammar-surface]` shells paint `--surface` with `--surface-foreground`, both bound to family tokens."
|
|
50
|
+
"SURFACE-2": ["Bounded frames and `[data-grammar-surface]` shells paint `--surface` with `--surface-foreground`, both bound to family tokens."],
|
|
50
51
|
"SURFACE-3": ["A nested frame or shell paints `--surface-secondary`, drops the shadow, and keeps `--surface-foreground` (the same ink as `--foreground`)."],
|
|
51
52
|
"SURFACE-4": ["`--accent-soft` binds the secondary surface and `--accent-soft-foreground` the text-safe `--offset-pop-accent-text` (5.09:1 light, 5.61:1 dark)."],
|
|
52
53
|
"TONE-2": ["`Text tone=\"muted\"` reads `--muted` (#675f6c light, #c8bdca dark), at least 4.75:1 on every family surface."],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conformance.js","sourceRoot":"","sources":["../../src/offset-pop/conformance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAA;AAErF
|
|
1
|
+
{"version":3,"file":"conformance.js","sourceRoot":"","sources":["../../src/offset-pop/conformance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAA;AAErF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACtC,UAAU,EAAE,CAAC,2SAA2S,CAAC;IACzT,YAAY,EAAE,CAAC,0OAA0O,CAAC;IAC1P,YAAY,EAAE,CAAC,kIAAkI,CAAC;IAClJ,YAAY,EAAE,CAAC,2ZAA2Z,CAAC;IAC3a,YAAY,EAAE,CAAC,sTAAsT,CAAC;IACtU,SAAS,EAAE,CAAC,4VAA4V,CAAC;IACzW,iBAAiB,EAAE,CAAC,8QAA8Q,CAAC;IACnS,iBAAiB,EAAE,CAAC,sLAAsL,CAAC;IAC3M,iBAAiB,EAAE,CAAC,mOAAmO,CAAC;IACxP,iBAAiB,EAAE,CAAC,kSAAkS,CAAC;IACvT,gBAAgB,EAAE,CAAC,0PAA0P,CAAC;IAC9Q,QAAQ,EAAE,CAAC,sFAAsF,CAAC;IAClG,QAAQ,EAAE,CAAC,8JAA8J,CAAC;IAC1K,SAAS,EAAE,CAAC,idAAid,CAAC;IAC9d,OAAO,EAAE,CAAC,yIAAyI,CAAC;IACpJ,UAAU,EAAE,CAAC,qIAAqI,CAAC;IACnJ,WAAW,EAAE,CAAC,uMAAuM,CAAC;IACtN,UAAU,EAAE,CAAC,8NAA8N,CAAC;IAC5O,UAAU,EAAE,CAAC,wRAAwR,CAAC;IACtS,UAAU,EAAE,CAAC,wJAAwJ,CAAC;IACtK,YAAY,EAAE,CAAC,8SAA8S,CAAC;IAC9T,WAAW,EAAE,CAAC,4EAA4E,CAAC;IAC3F,WAAW,EAAE,CAAC,6DAA6D,CAAC;IAC5E,WAAW,EAAE,CAAC,uFAAuF,CAAC;IACtG,cAAc,EAAE,CAAC,wPAAwP,CAAC;IAC1Q,SAAS,EAAE,CAAC,wIAAwI,CAAC;IACrJ,WAAW,EAAE,CAAC,kKAAkK,CAAC;IACjL,WAAW,EAAE,CAAC,gIAAgI,CAAC;IAC/I,WAAW,EAAE,CAAC,4IAA4I,CAAC;IAC3J,WAAW,EAAE,CAAC,kJAAkJ,CAAC;IACjK,QAAQ,EAAE,CAAC,+GAA+G,CAAC;IAC3H,QAAQ,EAAE,CAAC,2PAA2P,CAAC;IACvQ,SAAS,EAAE,CAAC,mPAAmP,CAAC;CAChM,CAAA;AAEpE,MAAM,CAAC,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;IACjE,QAAQ,EAAE,YAAY;IACtB,oBAAoB,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,0BAA0B,CAAC,CAAC;IAChG,cAAc,EAAE,0BAA0B;CAC7C,CAAC,CAAA"}
|
package/dist/offset-pop/dna.d.ts
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* laws, and it is product-neutral. Every value equals the default in `./styles.css`; the
|
|
8
8
|
* styles spec holds the two together.
|
|
9
9
|
*
|
|
10
|
-
* WCAG 2.x contrast, recorded here
|
|
10
|
+
* WCAG 2.x contrast, recorded here:
|
|
11
11
|
*
|
|
12
12
|
* | pair | light | dark | need |
|
|
13
13
|
* | -------------------------------------- | ----- | ----- | ---- |
|
package/dist/offset-pop/dna.js
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* laws, and it is product-neutral. Every value equals the default in `./styles.css`; the
|
|
8
8
|
* styles spec holds the two together.
|
|
9
9
|
*
|
|
10
|
-
* WCAG 2.x contrast, recorded here
|
|
10
|
+
* WCAG 2.x contrast, recorded here:
|
|
11
11
|
*
|
|
12
12
|
* | pair | light | dark | need |
|
|
13
13
|
* | -------------------------------------- | ----- | ----- | ---- |
|
|
@@ -285,6 +285,17 @@
|
|
|
285
285
|
border-inline-end: var(--offset-pop-outline-width) solid var(--border);
|
|
286
286
|
}
|
|
287
287
|
|
|
288
|
+
/* IconButton "danger-soft" (a destructive row action): the danger tint plate wears the family's ink outline and a small hard offset, pressed flat. */
|
|
289
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="IconButton"][data-variant="danger-soft"] {
|
|
290
|
+
border: var(--offset-pop-outline-width) solid var(--border);
|
|
291
|
+
box-shadow: 0.125rem 0.125rem 0 var(--offset-pop-shadow-ink);
|
|
292
|
+
}
|
|
293
|
+
|
|
294
|
+
.grammar-common-root[data-grammar-family="offset-pop"] [data-component="IconButton"][data-variant="danger-soft"]:active:not([disabled]) {
|
|
295
|
+
box-shadow: 0 0 0 var(--offset-pop-shadow-ink);
|
|
296
|
+
transform: translate(0.125rem, 0.125rem);
|
|
297
|
+
}
|
|
298
|
+
|
|
288
299
|
.grammar-common-root[data-grammar-family="offset-pop"] [data-grammar-navigation-feature-nav] {
|
|
289
300
|
border-block-end-width: var(--offset-pop-outline-width);
|
|
290
301
|
border-block-end-color: var(--border);
|