@starci/grammar 0.7.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.build-stamp.json +4 -4
- package/dist/common/styles.css +21 -21
- package/dist/core/index.d.ts +0 -108
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +0 -2
- package/dist/core/index.js.map +1 -1
- package/package.json +1 -1
package/dist/.build-stamp.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schema": "starci/grammar-build-stamp@1",
|
|
3
3
|
"package": "@starci/grammar",
|
|
4
|
-
"version": "0.7.
|
|
4
|
+
"version": "0.7.1",
|
|
5
5
|
"algorithm": "starci/grammar-source-digest@1",
|
|
6
|
-
"sourceDigest": "sha256:
|
|
7
|
-
"distDigest": "sha256:
|
|
8
|
-
"builtAt": "2026-09-
|
|
6
|
+
"sourceDigest": "sha256:729dbb6d2501b00a06afec610cc935aad5135bb78a3347cc3c96196ca9bc2780",
|
|
7
|
+
"distDigest": "sha256:95e41f3a2abb8ec70dc05bab8c36fc37524ab6b196aa71e266ee1229c8f57985",
|
|
8
|
+
"builtAt": "2026-09-30T05:56:03.256Z"
|
|
9
9
|
}
|
package/dist/common/styles.css
CHANGED
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
width: min(100%, var(--starci-core-page-measure, 80rem));
|
|
240
240
|
min-width: 0;
|
|
241
241
|
margin-inline: auto;
|
|
242
|
-
padding-inline: var(--
|
|
242
|
+
padding-inline: var(--grammar-page-inset, clamp(1rem, 3vw, 2rem));
|
|
243
243
|
}
|
|
244
244
|
|
|
245
245
|
.starci-core-page-container[data-grammar-page-measure="reading"] {
|
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
flex-wrap: wrap;
|
|
257
257
|
align-items: flex-end;
|
|
258
258
|
justify-content: space-between;
|
|
259
|
-
gap: var(--
|
|
259
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
260
260
|
}
|
|
261
261
|
|
|
262
262
|
/* The copy keeps a readable basis, so a narrow header wraps its action below instead of crushing the copy. */
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
display: grid;
|
|
446
446
|
min-width: 0;
|
|
447
447
|
grid-template-columns: minmax(0, 1fr);
|
|
448
|
-
gap: var(--
|
|
448
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
449
449
|
}
|
|
450
450
|
|
|
451
451
|
.starci-core-primary-rail-layout[data-grammar-layout-align="start"] { align-items: start; }
|
|
@@ -483,7 +483,7 @@
|
|
|
483
483
|
width: min(100%, var(--starci-core-form-measure, 30rem));
|
|
484
484
|
min-width: 0;
|
|
485
485
|
flex-direction: column;
|
|
486
|
-
gap: var(--
|
|
486
|
+
gap: var(--grammar-section-gap, 1rem);
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
.starci-core-form-surface--compact {
|
|
@@ -668,7 +668,7 @@
|
|
|
668
668
|
min-width: 0;
|
|
669
669
|
width: 100%;
|
|
670
670
|
flex-direction: column;
|
|
671
|
-
gap: var(--
|
|
671
|
+
gap: var(--grammar-section-gap, 1rem);
|
|
672
672
|
}
|
|
673
673
|
|
|
674
674
|
.starci-core-surface-label {
|
|
@@ -676,7 +676,7 @@
|
|
|
676
676
|
min-width: 0;
|
|
677
677
|
align-items: baseline;
|
|
678
678
|
justify-content: space-between;
|
|
679
|
-
gap: var(--
|
|
679
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
680
680
|
}
|
|
681
681
|
|
|
682
682
|
.starci-core-surface-label > :first-child {
|
|
@@ -1210,7 +1210,7 @@
|
|
|
1210
1210
|
display: flex;
|
|
1211
1211
|
min-width: 0;
|
|
1212
1212
|
align-items: center;
|
|
1213
|
-
gap: var(--
|
|
1213
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
1214
1214
|
}
|
|
1215
1215
|
|
|
1216
1216
|
.starci-core-tab-label {
|
|
@@ -1227,7 +1227,7 @@
|
|
|
1227
1227
|
min-width: 0;
|
|
1228
1228
|
margin: 0;
|
|
1229
1229
|
align-items: flex-start;
|
|
1230
|
-
gap: var(--
|
|
1230
|
+
gap: var(--grammar-row-gap, 0.75rem);
|
|
1231
1231
|
padding: var(--starci-core-row-inset, 1rem);
|
|
1232
1232
|
}
|
|
1233
1233
|
|
|
@@ -1648,7 +1648,7 @@
|
|
|
1648
1648
|
@container starci-core-primary-rail (max-width: 32rem) {
|
|
1649
1649
|
/*
|
|
1650
1650
|
* Collapsed to a column, the header stays a region boundary, not a tighter internal
|
|
1651
|
-
* rhythm - `PrimaryRailLayout` and `WorkspaceShell` both hold `--
|
|
1651
|
+
* rhythm - `PrimaryRailLayout` and `WorkspaceShell` both hold `--grammar-region-gap`
|
|
1652
1652
|
* across every collapse tier and only ever change track/area, never the gap itself. The
|
|
1653
1653
|
* stamped `data-contract="GAP-5"` on this root must stay true here too, so this rule may
|
|
1654
1654
|
* change direction and alignment but not the gap value.
|
|
@@ -1656,7 +1656,7 @@
|
|
|
1656
1656
|
.starci-core-section-header {
|
|
1657
1657
|
align-items: flex-start;
|
|
1658
1658
|
flex-direction: column;
|
|
1659
|
-
gap: var(--
|
|
1659
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
1660
1660
|
}
|
|
1661
1661
|
}
|
|
1662
1662
|
|
|
@@ -1729,8 +1729,8 @@
|
|
|
1729
1729
|
min-height: 4rem;
|
|
1730
1730
|
grid-template-columns: minmax(0, 1fr) auto auto !important;
|
|
1731
1731
|
align-items: center;
|
|
1732
|
-
gap: var(--
|
|
1733
|
-
padding-block: var(--
|
|
1732
|
+
gap: var(--grammar-row-gap, 0.75rem);
|
|
1733
|
+
padding-block: var(--grammar-inline-gap, 0.5rem);
|
|
1734
1734
|
}
|
|
1735
1735
|
|
|
1736
1736
|
.starci-core-navigation-feature-nav-primary.starci-core-page-container {
|
|
@@ -1765,7 +1765,7 @@
|
|
|
1765
1765
|
display: flex;
|
|
1766
1766
|
align-items: center;
|
|
1767
1767
|
justify-content: end;
|
|
1768
|
-
gap: var(--
|
|
1768
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
1769
1769
|
}
|
|
1770
1770
|
|
|
1771
1771
|
/*
|
|
@@ -1857,7 +1857,7 @@
|
|
|
1857
1857
|
min-height: 3.25rem;
|
|
1858
1858
|
align-items: center;
|
|
1859
1859
|
justify-content: space-between;
|
|
1860
|
-
gap: var(--
|
|
1860
|
+
gap: var(--grammar-row-gap, 0.75rem);
|
|
1861
1861
|
padding-inline: 0.75rem;
|
|
1862
1862
|
border-bottom: 1px solid var(--separator, var(--starci-core-separator, GrayText));
|
|
1863
1863
|
background: var(--background, var(--starci-core-canvas, Canvas));
|
|
@@ -1878,7 +1878,7 @@
|
|
|
1878
1878
|
display: flex;
|
|
1879
1879
|
min-width: 0;
|
|
1880
1880
|
align-items: center;
|
|
1881
|
-
gap: var(--
|
|
1881
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
1882
1882
|
}
|
|
1883
1883
|
|
|
1884
1884
|
.starci-core-subnav-leading,
|
|
@@ -1970,7 +1970,7 @@
|
|
|
1970
1970
|
|
|
1971
1971
|
.starci-core-workspace-shell-header {
|
|
1972
1972
|
min-width: 0;
|
|
1973
|
-
margin-block-end: var(--
|
|
1973
|
+
margin-block-end: var(--grammar-region-gap, 1.5rem);
|
|
1974
1974
|
}
|
|
1975
1975
|
|
|
1976
1976
|
.starci-core-workspace-shell-compact-header,
|
|
@@ -1998,7 +1998,7 @@
|
|
|
1998
1998
|
min-width: 0;
|
|
1999
1999
|
grid-template-areas: "navigation" "primary" "rail";
|
|
2000
2000
|
grid-template-columns: minmax(0, 1fr);
|
|
2001
|
-
gap: var(--
|
|
2001
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
2002
2002
|
}
|
|
2003
2003
|
|
|
2004
2004
|
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation-track="intrinsic"] {
|
|
@@ -2113,7 +2113,7 @@
|
|
|
2113
2113
|
.starci-core-workspace-shell-primary {
|
|
2114
2114
|
display: flex;
|
|
2115
2115
|
flex-direction: column;
|
|
2116
|
-
gap: var(--
|
|
2116
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
2117
2117
|
outline: none;
|
|
2118
2118
|
}
|
|
2119
2119
|
|
|
@@ -2350,7 +2350,7 @@
|
|
|
2350
2350
|
min-width: 0;
|
|
2351
2351
|
flex: 1;
|
|
2352
2352
|
grid-template-columns: minmax(0, 1fr);
|
|
2353
|
-
gap: var(--
|
|
2353
|
+
gap: var(--grammar-region-gap, 1.5rem);
|
|
2354
2354
|
}
|
|
2355
2355
|
|
|
2356
2356
|
.starci-core-chat-workspace-layout-without-rail {
|
|
@@ -2480,7 +2480,7 @@
|
|
|
2480
2480
|
min-width: 0;
|
|
2481
2481
|
align-items: center;
|
|
2482
2482
|
justify-content: space-between;
|
|
2483
|
-
gap: var(--
|
|
2483
|
+
gap: var(--grammar-inline-gap, 0.5rem);
|
|
2484
2484
|
border-block-start: 1px solid var(--separator, var(--starci-core-separator, GrayText));
|
|
2485
2485
|
background: var(--background, var(--starci-core-canvas, Canvas));
|
|
2486
2486
|
padding: 0.75rem 1rem;
|
|
@@ -2552,7 +2552,7 @@
|
|
|
2552
2552
|
width: 100% !important;
|
|
2553
2553
|
min-width: 0;
|
|
2554
2554
|
flex-direction: column !important;
|
|
2555
|
-
gap: var(--
|
|
2555
|
+
gap: var(--grammar-section-gap, 1rem) !important;
|
|
2556
2556
|
padding: 0 !important;
|
|
2557
2557
|
}
|
|
2558
2558
|
|
package/dist/core/index.d.ts
CHANGED
|
@@ -2,114 +2,6 @@ import { defineGrammarFamily, type GrammarRootProps } from "../common/index.js";
|
|
|
2
2
|
export * from "../common/index.js";
|
|
3
3
|
export type { PresentationState } from "./state.js";
|
|
4
4
|
export { STARCI_CORE_BAND_TOKEN_NAMES, STARCI_CORE_DARK_TOKEN_DEFAULTS, STARCI_CORE_DNA, STARCI_CORE_SPACING_SCALE, STARCI_CORE_TOKEN_DEFAULTS, STARCI_CORE_TOKEN_NAMES, type StarCiCoreBandTokenName, type StarCiCoreDna, type StarCiCoreSpacingStep, type StarCiCoreSpacingValue, type StarCiCoreTokenDefaults, type StarCiCoreTokenName, } from "./dna.js";
|
|
5
|
-
/** @deprecated Use COMMON_GRAMMAR_COMPONENTS from `@starci/grammar/common`. */
|
|
6
|
-
export declare const CORE_GRAMMAR_COMPONENTS: Readonly<{
|
|
7
|
-
readonly Accordion: ({ label, items, expandedIds, defaultExpandedIds, onExpandedChange, allowsMultipleExpanded, headingLevel, className, }: import("./index.js").AccordionProps) => import("react").JSX.Element;
|
|
8
|
-
readonly Avatar: ({ name, src, fallback, size, isDecorative, isCurrent, className }: import("./index.js").AvatarProps) => import("react").JSX.Element;
|
|
9
|
-
readonly AvatarGroup: ({ label, items, max, size, overflowLabel, className }: import("./index.js").AvatarGroupProps) => import("react").JSX.Element;
|
|
10
|
-
readonly BottomNav: ({ label, items, currentId, onSelect, position, visibility, className }: import("./index.js").BottomNavProps) => import("react").JSX.Element;
|
|
11
|
-
readonly Breadcrumbs: ({ label, items, separator, onAction, className }: import("./index.js").BreadcrumbsProps) => import("react").JSX.Element;
|
|
12
|
-
readonly Calendar: ({ label, value, defaultValue, onChange, minValue, maxValue, isDateUnavailable, isDisabled, isReadOnly, previousLabel, nextLabel, className, }: import("./index.js").CalendarProps) => import("react").JSX.Element;
|
|
13
|
-
readonly DataTable: <Row extends import("./index.js").DataTableRow>({ label, columns, rows, renderCell, sort, onSortChange, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, selectAllLabel, selectRowLabel, isLoading, loadingContent, emptyContent, stickyHeader, maxBlockSize, onRowAction, className, }: import("./index.js").DataTableProps<Row>) => import("react").JSX.Element;
|
|
14
|
-
readonly DescriptionList: (props: import("./index.js").DescriptionListProps) => import("react").JSX.Element;
|
|
15
|
-
readonly Disclosure: ({ title, children, isExpanded, defaultExpanded, onExpandedChange, isDisabled, headingLevel, className, }: import("./index.js").DisclosureProps) => import("react").JSX.Element;
|
|
16
|
-
readonly Footer: ({ label, brand, groups, legal, externalHint, children, className }: import("./index.js").FooterProps) => import("react").JSX.Element;
|
|
17
|
-
readonly Image: ({ src, alt, aspect, fit, fallback, loading, srcSet, sizes, width, height, onLoadStateChange, className, ...assetSlot }: import("./index.js").ImageProps) => import("react").JSX.Element;
|
|
18
|
-
readonly Link: ({ children, href, kind, isCurrent, visited, externalHint, externalIcon, isDisabled, onFollow, className, }: import("./index.js").LinkProps) => import("react").JSX.Element;
|
|
19
|
-
readonly ListBox: ({ label, items, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onAction, emptyContent, className, }: import("./index.js").ListBoxProps) => import("react").JSX.Element;
|
|
20
|
-
readonly Pagination: ({ label, page, pageCount, onPageChange, siblingCount, previousLabel, nextLabel, pageLabel, summary, className, }: import("./index.js").PaginationProps) => import("react").JSX.Element;
|
|
21
|
-
readonly Rating: ({ label, value, defaultValue, onChange, max, isReadOnly, isDisabled, valueLabel, icon, name, className, }: import("./index.js").RatingProps) => import("react").JSX.Element;
|
|
22
|
-
readonly Stepper: ({ label, steps, currentStepId, orientation, onStepSelect, stateLabel, renderMarker, className, }: import("./index.js").StepperProps) => import("react").JSX.Element;
|
|
23
|
-
readonly TagGroup: ({ label, items, selectionMode, selectedIds, defaultSelectedIds, onSelectionChange, onRemove, removeLabel, emptyContent, size, className, }: import("./index.js").TagGroupProps) => import("react").JSX.Element;
|
|
24
|
-
readonly Timeline: ({ label, items, className }: import("./index.js").TimelineProps) => import("react").JSX.Element;
|
|
25
|
-
readonly TopBar: ({ brand, navigation, actions, menu, position, className, ...headerProps }: import("./index.js").TopBarProps) => import("react").JSX.Element;
|
|
26
|
-
readonly Alert: (props: import("./index.js").AlertProps) => import("react").JSX.Element | null;
|
|
27
|
-
readonly AlertDialog: ({ title, description, children, tone, confirmLabel, cancelLabel, onConfirm, onCancel, isConfirmPending, trigger, isKeyboardDismissDisabled, ...openState }: import("./index.js").AlertDialogProps) => import("react").JSX.Element;
|
|
28
|
-
readonly CloseButton: ({ label, onPress, isDisabled, size }: import("./index.js").CloseButtonProps) => import("react").JSX.Element;
|
|
29
|
-
readonly Dialog: ({ title, description, children, footer, trigger, closeLabel, size, isDismissable, isKeyboardDismissDisabled, ...openState }: import("./index.js").DialogProps) => import("react").JSX.Element;
|
|
30
|
-
readonly Drawer: ({ title, description, children, footer, trigger, closeLabel, placement, showHandle, isDismissable, isKeyboardDismissDisabled, ...openState }: import("./index.js").DrawerProps) => import("react").JSX.Element;
|
|
31
|
-
readonly DropdownMenu: ({ trigger, entries, onAction, placement, ...openState }: import("./index.js").DropdownMenuProps) => import("react").JSX.Element;
|
|
32
|
-
readonly Kbd: ({ keys }: import("./index.js").KbdProps) => import("react").JSX.Element;
|
|
33
|
-
readonly Meter: ({ label, value, minValue, maxValue, valueLabel, tone, isLabelHidden, segments, }: import("./index.js").MeterProps) => import("react").JSX.Element;
|
|
34
|
-
readonly Popover: ({ trigger, children, placement, showArrow, title, label, ...openState }: import("./index.js").PopoverProps) => import("react").JSX.Element;
|
|
35
|
-
readonly ProgressCircle: ({ label, value, isIndeterminate, size }: import("./index.js").ProgressCircleProps) => import("react").JSX.Element;
|
|
36
|
-
readonly Skeleton: ({ shape, lines, ratio, size }: import("./index.js").SkeletonProps) => import("react").JSX.Element;
|
|
37
|
-
readonly Spinner: ({ label, size, tone }: import("./index.js").SpinnerProps) => import("react").JSX.Element;
|
|
38
|
-
readonly Toast: ({ toast, dismissLabel, onDismiss, isPaused }: import("./index.js").ToastProps) => import("react").JSX.Element;
|
|
39
|
-
readonly Toaster: ({ label, dismissLabel, queue, placement, maxVisible }: import("./index.js").ToasterProps) => import("react").JSX.Element;
|
|
40
|
-
readonly ButtonGroup: ({ label, children, orientation, isDisabled, width }: import("./index.js").ButtonGroupProps) => import("react").JSX.Element;
|
|
41
|
-
readonly Checkbox: ({ value, isSelected, defaultSelected, onSelectedChange, isIndeterminate, variant, ...field }: import("./index.js").CheckboxProps) => import("react").JSX.Element;
|
|
42
|
-
readonly CheckboxGroup: ({ options, value, defaultValue, onValueChange, orientation, variant, ...field }: import("./index.js").CheckboxGroupProps) => import("react").JSX.Element;
|
|
43
|
-
readonly ComboBox: ({ id, options, placeholder, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputChange, allowsCustomValue, emptyState, isPending, menuTrigger, variant, ...field }: import("./index.js").ComboBoxProps) => import("react").JSX.Element;
|
|
44
|
-
readonly DateField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, variant, ...field }: import("./index.js").DateFieldProps) => import("react").JSX.Element;
|
|
45
|
-
readonly DatePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, granularity, variant, ...field }: import("./index.js").DatePickerProps) => import("react").JSX.Element;
|
|
46
|
-
readonly DateRangePicker: ({ value, defaultValue, onValueChange, minValue, maxValue, isDateUnavailable, allowsNonContiguousRanges, granularity, startName, endName, variant, ...field }: import("./index.js").DateRangePickerProps) => import("react").JSX.Element;
|
|
47
|
-
readonly Field: ({ id: idProp, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, children, }: import("./index.js").FieldProps) => import("react").JSX.Element;
|
|
48
|
-
readonly Fieldset: ({ legend, isLegendHidden, description, errorMessage, children, actions, isDisabled }: import("./index.js").FieldsetProps) => import("react").JSX.Element;
|
|
49
|
-
readonly FileDropzone: ({ id: idProp, accept, multiple, onFilesChange, prompt, icon, hideFileList, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./index.js").FileDropzoneProps) => import("react").JSX.Element;
|
|
50
|
-
readonly Form: ({ children, label, id, onSubmit, onReset, action, method, validationErrors, validationBehavior, isPending, }: import("./index.js").FormProps) => import("react").JSX.Element;
|
|
51
|
-
readonly NumberField: ({ id, placeholder, value, defaultValue, onValueChange, minValue, maxValue, step, formatOptions, hideSteppers, variant, ...field }: import("./index.js").NumberFieldProps) => import("react").JSX.Element;
|
|
52
|
-
readonly RadioGroup: ({ options, value, defaultValue, onValueChange, orientation, variant, ...field }: import("./index.js").RadioGroupProps) => import("react").JSX.Element;
|
|
53
|
-
readonly SearchField: ({ id, placeholder, value, defaultValue, onValueChange, onSubmit, onClear, isPending, clearLabel, variant, ...field }: import("./index.js").SearchFieldProps) => import("react").JSX.Element;
|
|
54
|
-
readonly SegmentedControl: ({ options, value, defaultValue, onValueChange, width, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./index.js").SegmentedControlProps) => import("react").JSX.Element;
|
|
55
|
-
readonly Select: ({ options, placeholder, value, defaultValue, onValueChange, isPending, variant, ...field }: import("./index.js").SelectProps) => import("react").JSX.Element;
|
|
56
|
-
readonly Slider: ({ value, defaultValue, onValueChange, onValueCommit, minValue, maxValue, step, formatOptions, thumbLabels, orientation, label, isLabelHidden, description, errorMessage, isInvalid, isRequired, isDisabled, isReadOnly, name, }: import("./index.js").SliderProps) => import("react").JSX.Element;
|
|
57
|
-
readonly Switch: ({ value, isSelected, defaultSelected, onSelectedChange, ...field }: import("./index.js").SwitchProps) => import("react").JSX.Element;
|
|
58
|
-
readonly Textarea: ({ id, placeholder, value, defaultValue, rows, maxLength, minLength, onValueChange, variant, ...field }: import("./index.js").TextareaProps) => import("react").JSX.Element;
|
|
59
|
-
readonly TimeField: ({ value, defaultValue, onValueChange, minValue, maxValue, granularity, hourCycle, variant, ...field }: import("./index.js").TimeFieldProps) => import("react").JSX.Element;
|
|
60
|
-
readonly Badge: ({ children, startContent, tone, isDot, isSkeleton }: import("./index.js").BadgeProps) => import("react").JSX.Element;
|
|
61
|
-
readonly Button: (props: import("./index.js").ButtonProps) => import("react").JSX.Element;
|
|
62
|
-
readonly ChatWorkspace: (props: import("./index.js").ChatWorkspaceProps) => import("react").JSX.Element;
|
|
63
|
-
readonly Divider: (props: import("./index.js").DividerProps) => import("react").JSX.Element;
|
|
64
|
-
readonly EmptyNotice: ({ message, description, iconSource, actionLabel, actionStartContent, actionVariant, isActionPending, onAction, }: import("./index.js").EmptyNoticeProps) => import("react").JSX.Element;
|
|
65
|
-
readonly FencedCodeBlock: (props: import("./index.js").FencedCodeBlockProps) => import("react").JSX.Element;
|
|
66
|
-
readonly GrammarRoot: ({ className, theme, ...props }: GrammarRootProps) => import("react").JSX.Element;
|
|
67
|
-
readonly Heading: ({ children, level, scale, isSkeleton, isVisuallyHidden, }: import("./index.js").HeadingProps) => import("react").JSX.Element;
|
|
68
|
-
readonly HorizontalScrollRegion: import("react").ForwardRefExoticComponent<Omit<import("./index.js").HorizontalScrollRegionProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
69
|
-
readonly Icon: ({ source: Source, usage, ariaLabel, isSkeleton }: import("./index.js").IconProps) => import("react").JSX.Element;
|
|
70
|
-
readonly IconButton: ({ source, label, variant, isActive, isDisabled, isSkeleton, onPress, }: import("./index.js").IconButtonProps) => import("react").JSX.Element;
|
|
71
|
-
readonly IconTile: ({ source, artwork, ariaLabel, tone, size, isSkeleton, }: import("./index.js").IconTileProps) => import("react").JSX.Element;
|
|
72
|
-
readonly IncludedMark: ({ className, label, ...props }: import("./index.js").IncludedMarkProps) => import("react").JSX.Element;
|
|
73
|
-
readonly Input: ({ id, name, label, kind: kindName, variant, placeholder, defaultValue, value, hint, errorMessage, isError, isDisabled, isRequired, isSkeleton, revealLabel, hideLabel, revealIcon: RevealIcon, hideIcon: HideIcon, onValueChange, }: import("./index.js").InputProps) => import("react").JSX.Element;
|
|
74
|
-
readonly Label: ({ id, children, depth, as }: import("./index.js").LabelProps) => import("react").DetailedReactHTMLElement<{
|
|
75
|
-
readonly id: string | undefined;
|
|
76
|
-
readonly className: string;
|
|
77
|
-
readonly "data-grammar-label": "true";
|
|
78
|
-
readonly "data-component": "Label";
|
|
79
|
-
readonly "data-tier": "atom";
|
|
80
|
-
readonly "data-grammar-label-depth": "top" | "nested";
|
|
81
|
-
readonly "data-contract": "FONT-1 MARGIN-0" | "FONT-2 MARGIN-0";
|
|
82
|
-
}, HTMLElement>;
|
|
83
|
-
readonly LeadingNumber: (props: import("./LeadingNumber.js").LeadingNumberProps) => import("react").JSX.Element;
|
|
84
|
-
readonly MarkdownArticle: (props: import("./index.js").MarkdownArticleProps) => import("react").JSX.Element;
|
|
85
|
-
readonly MarkdownTableFrame: (props: import("./index.js").MarkdownTableFrameProps) => import("react").JSX.Element;
|
|
86
|
-
readonly MediaFrame: ({ children, caption, aspect, fit, treatment, className, ...assetSlot }: import("./index.js").MediaFrameProps) => import("react").JSX.Element;
|
|
87
|
-
readonly NavigationFeatureNav: ({ identity, navigation, navigationLabel, compactNavigationTrigger, compactNavigationTriggerLabel, actions, actionsLabel, featureNavigation, featureNavigationLabel, measure, position, className, ...headerProps }: import("./index.js").NavigationFeatureNavProps) => import("react").JSX.Element;
|
|
88
|
-
readonly OtpInput: (props: import("./OtpInput.js").OtpInputProps) => import("react").JSX.Element;
|
|
89
|
-
readonly PageContainer: ({ className, measure, ...props }: import("./index.js").PageContainerProps) => import("react").JSX.Element;
|
|
90
|
-
readonly PinnedActionBar: ({ children, label, visibility }: import("./index.js").PinnedActionBarProps) => import("react").JSX.Element;
|
|
91
|
-
readonly PressableField: ({ label, placeholder, source, shortcut, isDisabled, onPress }: import("./index.js").PressableFieldProps) => import("react").JSX.Element;
|
|
92
|
-
readonly PrimaryRailLayout: ({ primary, rail, railWidth, align, collapsedOrder, className, }: import("./index.js").PrimaryRailLayoutProps) => import("react").JSX.Element;
|
|
93
|
-
readonly Progress: ({ label, value, isSkeleton }: import("./index.js").ProgressProps) => import("react").JSX.Element;
|
|
94
|
-
readonly Rail: (props: import("./index.js").RailProps) => import("react").JSX.Element;
|
|
95
|
-
readonly RankArtwork: ({ className, kind, label, ...props }: import("./index.js").RankArtworkProps) => import("react").JSX.Element;
|
|
96
|
-
readonly SectionHeader: ({ title, description, eyebrow, action, count, meta, level, className, id, composition, }: import("./index.js").SectionHeaderProps) => import("react").JSX.Element;
|
|
97
|
-
readonly Sidebar: ({ label, groups, selectedKey, presentation, isCollapsed, collapseLabel, expandLabel, toggleSource, header, footer, onAction, onCollapsedChange, }: import("./index.js").SidebarProps) => import("react").JSX.Element;
|
|
98
|
-
readonly StateMark: (props: import("./StateMark.js").StateMarkProps) => import("react").JSX.Element | null;
|
|
99
|
-
readonly StaticStateRow: (props: import("./index.js").StaticStateRowProps) => import("react").JSX.Element;
|
|
100
|
-
readonly Subnav: ({ label, title, leading, menuIcon, openMenuLabel, closeMenuLabel, isMenuOpen, onMenuOpenChange, position, visibility, className, ...navProps }: import("./index.js").SubnavProps) => import("react").JSX.Element;
|
|
101
|
-
readonly SurfaceAccordionCard: <Summary, Body>(props: import("./index.js").SurfaceAccordionCardProps<Summary, Body>) => import("react").JSX.Element;
|
|
102
|
-
readonly SurfaceCard: (props: import("./index.js").SurfaceCardProps) => import("react").JSX.Element;
|
|
103
|
-
readonly SurfaceCopyGroup: ({ className, density, ...props }: import("./index.js").SurfaceCopyGroupProps) => import("react").JSX.Element;
|
|
104
|
-
readonly SurfaceListCard: (props: import("./index.js").SurfaceListCardProps) => import("react").JSX.Element;
|
|
105
|
-
readonly Tabs: (props: import("./index.js").TabsProps) => import("react").JSX.Element;
|
|
106
|
-
readonly Text: ({ as: Element, id, children, startContent, size, tone, weight, live, overflow, isSkeleton, isSuperseded, parentEmphasis, }: import("./index.js").TextProps) => import("react").JSX.Element;
|
|
107
|
-
readonly TextAction: (props: import("./index.js").TextActionProps) => import("react").JSX.Element;
|
|
108
|
-
readonly Tooltip: ({ content, children, placement, }: import("./index.js").TooltipProps) => import("react").JSX.Element;
|
|
109
|
-
readonly VerticalScrollRegion: (props: import("./index.js").VerticalScrollRegionProps) => import("react").JSX.Element;
|
|
110
|
-
readonly WorkspaceShell: (props: import("./index.js").WorkspaceShellProps) => import("react").JSX.Element;
|
|
111
|
-
}>;
|
|
112
|
-
export type CoreGrammarComponentName = keyof typeof CORE_GRAMMAR_COMPONENTS;
|
|
113
5
|
export declare const coreGrammar: import("./index.js").GrammarFamilyContract<"core", {}>;
|
|
114
6
|
export declare const CoreGrammarRoot: ({ className, theme, ...props }: GrammarRootProps) => import("react").JSX.Element;
|
|
115
7
|
export declare const coreRuleConformance: Readonly<{
|
package/dist/core/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,mBAAmB,EAGnB,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAM3B,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GAC3B,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/core/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAGH,mBAAmB,EAGnB,KAAK,gBAAgB,EACxB,MAAM,oBAAoB,CAAA;AAM3B,cAAc,oBAAoB,CAAA;AAElC,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AACnD,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,KAAK,uBAAuB,EAC5B,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GAC3B,MAAM,UAAU,CAAA;AAQjB,eAAO,MAAM,WAAW,wDAOtB,CAAA;AAEF,eAAO,MAAM,eAAe,mFAAqC,CAAA;AAEjE,eAAO,MAAM,mBAAmB;;;;;;EAI9B,CAAA;AAGF,OAAO,EAAE,mBAAmB,EAAE,CAAA;AAC9B,YAAY,EACR,wBAAwB,EACxB,qBAAqB,EACrB,mBAAmB,GACtB,MAAM,oBAAoB,CAAA"}
|
package/dist/core/index.js
CHANGED
|
@@ -6,8 +6,6 @@ import { createElement } from "react";
|
|
|
6
6
|
// @starci/grammar/common; both name the same Common components.
|
|
7
7
|
export * from "../common/index.js";
|
|
8
8
|
export { STARCI_CORE_BAND_TOKEN_NAMES, STARCI_CORE_DARK_TOKEN_DEFAULTS, STARCI_CORE_DNA, STARCI_CORE_SPACING_SCALE, STARCI_CORE_TOKEN_DEFAULTS, STARCI_CORE_TOKEN_NAMES, } from "./dna.js";
|
|
9
|
-
/** @deprecated Use COMMON_GRAMMAR_COMPONENTS from `@starci/grammar/common`. */
|
|
10
|
-
export const CORE_GRAMMAR_COMPONENTS = COMMON_GRAMMAR_COMPONENTS;
|
|
11
9
|
/** StarCi Core is one visual family implementing the Common contract. */
|
|
12
10
|
const CoreGrammarRootRenderer = (props) => {
|
|
13
11
|
const CommonGrammarRoot = COMMON_GRAMMAR_COMPONENTS.GrammarRoot;
|
package/dist/core/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"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;AAErC,4GAA4G;AAC5G,2GAA2G;AAC3G,gEAAgE;AAChE,cAAc,oBAAoB,CAAA;AAGlC,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,GAO1B,MAAM,UAAU,CAAA;AAEjB
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/core/index.ts"],"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;AAErC,4GAA4G;AAC5G,2GAA2G;AAC3G,gEAAgE;AAChE,cAAc,oBAAoB,CAAA;AAGlC,OAAO,EACH,4BAA4B,EAC5B,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,GAO1B,MAAM,UAAU,CAAA;AAEjB,yEAAyE;AACzE,MAAM,uBAAuB,GAA+C,CAAC,KAAK,EAAE,EAAE;IAClF,MAAM,iBAAiB,GAAG,yBAAyB,CAAC,WAAW,CAAA;IAC/D,OAAO,aAAa,CAAC,iBAAiB,EAAE,EAAE,GAAG,KAAK,EAAE,qBAAqB,EAAE,MAAM,EAAE,CAAC,CAAA;AACxF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,mBAAmB,CAAC;IAC3C,EAAE,EAAE,MAAM;IACV,MAAM,EAAE;QACJ,UAAU,EAAE,iCAAiC;QAC7C,KAAK,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,KAAK,EAAE,MAAM,EAAE;KAC7D;IACD,UAAU,EAAE,EAAE,YAAY,EAAE,EAAE,WAAW,EAAE,uBAAuB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;CACzF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,WAAW,CAAC,UAAU,CAAC,WAAW,CAAA;AAEjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,4BAA4B,CAAC;IAC5D,QAAQ,EAAE,MAAM;IAChB,oBAAoB,EAAE,kBAAkB;IACxC,cAAc,EAAE,EAAE;CACrB,CAAC,CAAA;AAEF,2EAA2E;AAC3E,OAAO,EAAE,mBAAmB,EAAE,CAAA"}
|