@starci/grammar 0.4.4 → 0.4.6
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/common/renderers.d.ts +2 -2
- package/dist/common/renderers.d.ts.map +1 -1
- package/dist/common/renderers.js.map +1 -1
- package/dist/common/styles.css +249 -101
- package/dist/core/branch/SurfaceListCard/index.d.ts +11 -0
- package/dist/core/branch/SurfaceListCard/index.d.ts.map +1 -1
- package/dist/core/branch/SurfaceListCard/index.js.map +1 -1
- package/dist/core/composite/StaticStateRow/index.d.ts +11 -0
- package/dist/core/composite/StaticStateRow/index.d.ts.map +1 -1
- package/dist/core/composite/StaticStateRow/index.js +1 -1
- package/dist/core/composite/StaticStateRow/index.js.map +1 -1
- package/dist/core/dna.d.ts +27 -0
- package/dist/core/dna.d.ts.map +1 -1
- package/dist/core/dna.js +26 -0
- package/dist/core/dna.js.map +1 -1
- package/dist/core/index.d.ts +1 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/core/index.js +1 -1
- package/dist/core/index.js.map +1 -1
- package/package.json +2 -2
|
@@ -26,12 +26,12 @@ export { ChatWorkspace, type ChatWorkspaceProps } from "../core/composition/Chat
|
|
|
26
26
|
export { StateMark, type StateMarkProps } from "../core/StateMark.js";
|
|
27
27
|
export { LeadingNumber, type LeadingNumberProps } from "../core/LeadingNumber.js";
|
|
28
28
|
export { OtpInput, type OtpInputProps } from "../core/OtpInput.js";
|
|
29
|
-
export { StaticStateRow, type StaticStateRowData, type StaticStateRowProps } from "../core/composite/StaticStateRow/index.js";
|
|
29
|
+
export { StaticStateRow, type RowVerdict, type StaticStateRowData, type StaticStateRowProps } from "../core/composite/StaticStateRow/index.js";
|
|
30
30
|
export { EmptyNotice, type EmptyNoticeProps } from "../core/composite/EmptyNotice/index.js";
|
|
31
31
|
export { HorizontalScrollRegion, type HorizontalScrollRegionProps } from "../core/composite/HorizontalScrollRegion/index.js";
|
|
32
32
|
export { VerticalScrollRegion, type VerticalScrollRegionProps } from "../core/composite/VerticalScrollRegion/index.js";
|
|
33
33
|
export { SurfaceCard, type SurfaceCardProps, type WholeCardAction } from "../core/branch/SurfaceCard/index.js";
|
|
34
|
-
export { SurfaceListCard, type SurfaceListCardProps } from "../core/branch/SurfaceListCard/index.js";
|
|
34
|
+
export { SurfaceListCard, type SurfaceListCardProps, type SurfaceListRowVerdict } from "../core/branch/SurfaceListCard/index.js";
|
|
35
35
|
export { FencedCodeBlock, MarkdownArticle, MarkdownTableFrame, type FencedCodeBlockProps, type MarkdownArticleProps, type MarkdownTableFrameProps } from "../core/branch/MarkdownArticle/index.js";
|
|
36
36
|
export { SurfaceAccordionCard, type SurfaceAccordionCardItem, type SurfaceAccordionCardProps } from "../core/branch/SurfaceAccordionCard/index.js";
|
|
37
37
|
export { Rail, type RailProps } from "../core/branch/Rail/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,2EAA2E;AAC3E,oCAAoC;AACpC,OAAO,EAAE,WAAW,EAAyB,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,KAAK,EAAmC,MAAM,kCAAkC,CAAA;AACzF,OAAO,EAAE,MAAM,EAA0E,MAAM,mCAAmC,CAAA;AAClI,OAAO,EAAE,OAAO,EAAqB,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,OAAO,EAA2D,MAAM,oCAAoC,CAAA;AACrH,OAAO,EAAE,IAAI,EAAyE,MAAM,iCAAiC,CAAA;AAC7H,OAAO,EAAE,QAAQ,EAA4D,MAAM,qCAAqC,CAAA;AACxH,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,KAAK,EAAmB,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,KAAK,EAAsD,MAAM,kCAAkC,CAAA;AAC5G,OAAO,EAAE,cAAc,EAA4B,MAAM,2CAA2C,CAAA;AACpG,OAAO,EAAE,QAAQ,EAAsB,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,IAAI,EAA6F,MAAM,iCAAiC,CAAA;AACjJ,OAAO,EAAE,UAAU,EAAwE,MAAM,uCAAuC,CAAA;AACxI,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAA;AAC9F,OAAO,EAAE,WAAW,EAA+C,MAAM,wCAAwC,CAAA;AACjH,OAAO,EAAE,gBAAgB,EAA8B,MAAM,6CAA6C,CAAA;AAC1G,OAAO,EAAE,iBAAiB,EAA+B,MAAM,gDAAgD,CAAA;AAC/G,OAAO,EAAE,oBAAoB,EAAkC,MAAM,mDAAmD,CAAA;AACxH,OAAO,EAAE,OAAO,EAA0D,MAAM,sCAAsC,CAAA;AACtH,OAAO,EAAE,cAAc,EAA4B,MAAM,6CAA6C,CAAA;AACtG,OAAO,EAAE,aAAa,EAA2B,MAAM,4CAA4C,CAAA;AACnG,OAAO,EAAE,SAAS,EAAuB,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,aAAa,EAA2B,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAsB,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../src/common/renderers.ts"],"names":[],"mappings":"AAAA,gFAAgF;AAChF,2EAA2E;AAC3E,oCAAoC;AACpC,OAAO,EAAE,WAAW,EAAyB,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,KAAK,EAAmC,MAAM,kCAAkC,CAAA;AACzF,OAAO,EAAE,MAAM,EAA0E,MAAM,mCAAmC,CAAA;AAClI,OAAO,EAAE,OAAO,EAAqB,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,OAAO,EAA2D,MAAM,oCAAoC,CAAA;AACrH,OAAO,EAAE,IAAI,EAAyE,MAAM,iCAAiC,CAAA;AAC7H,OAAO,EAAE,QAAQ,EAA4D,MAAM,qCAAqC,CAAA;AACxH,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,KAAK,EAAmB,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,KAAK,EAAsD,MAAM,kCAAkC,CAAA;AAC5G,OAAO,EAAE,cAAc,EAA4B,MAAM,2CAA2C,CAAA;AACpG,OAAO,EAAE,QAAQ,EAAsB,MAAM,qCAAqC,CAAA;AAClF,OAAO,EAAE,IAAI,EAA6F,MAAM,iCAAiC,CAAA;AACjJ,OAAO,EAAE,UAAU,EAAwE,MAAM,uCAAuC,CAAA;AACxI,OAAO,EAAE,aAAa,EAA2B,MAAM,0CAA0C,CAAA;AACjG,OAAO,EAAE,UAAU,EAAwB,MAAM,uCAAuC,CAAA;AACxF,OAAO,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAA;AAC9F,OAAO,EAAE,WAAW,EAA+C,MAAM,wCAAwC,CAAA;AACjH,OAAO,EAAE,gBAAgB,EAA8B,MAAM,6CAA6C,CAAA;AAC1G,OAAO,EAAE,iBAAiB,EAA+B,MAAM,gDAAgD,CAAA;AAC/G,OAAO,EAAE,oBAAoB,EAAkC,MAAM,mDAAmD,CAAA;AACxH,OAAO,EAAE,OAAO,EAA0D,MAAM,sCAAsC,CAAA;AACtH,OAAO,EAAE,cAAc,EAA4B,MAAM,6CAA6C,CAAA;AACtG,OAAO,EAAE,aAAa,EAA2B,MAAM,4CAA4C,CAAA;AACnG,OAAO,EAAE,SAAS,EAAuB,MAAM,sBAAsB,CAAA;AACrE,OAAO,EAAE,aAAa,EAA2B,MAAM,0BAA0B,CAAA;AACjF,OAAO,EAAE,QAAQ,EAAsB,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAsE,MAAM,2CAA2C,CAAA;AAC9I,OAAO,EAAE,WAAW,EAAyB,MAAM,wCAAwC,CAAA;AAC3F,OAAO,EAAE,sBAAsB,EAAoC,MAAM,mDAAmD,CAAA;AAC5H,OAAO,EAAE,oBAAoB,EAAkC,MAAM,iDAAiD,CAAA;AACtH,OAAO,EAAE,WAAW,EAA+C,MAAM,qCAAqC,CAAA;AAC9G,OAAO,EAAE,eAAe,EAAyD,MAAM,yCAAyC,CAAA;AAChI,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,kBAAkB,EAAsF,MAAM,yCAAyC,CAAA;AAClM,OAAO,EAAE,oBAAoB,EAAiE,MAAM,8CAA8C,CAAA;AAClJ,OAAO,EAAE,IAAI,EAAkB,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,MAAM,EAAoB,MAAM,gCAAgC,CAAA;AACzE,OAAO,EAAE,IAAI,EAAgC,MAAM,8BAA8B,CAAA;AACjF,OAAO,EAAE,OAAO,EAA4C,MAAM,iCAAiC,CAAA;AACnG,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,8BAA8B,EAAE,2BAA2B,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,uBAAuB,CAAA"}
|
package/dist/common/styles.css
CHANGED
|
@@ -172,22 +172,37 @@
|
|
|
172
172
|
min-width: 0;
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
+
/*
|
|
176
|
+
* THE COLLAPSED FORM IS THE DEFAULT. Every two-column form lives INSIDE the container query.
|
|
177
|
+
*
|
|
178
|
+
* A container query adds no specificity, so while the expanded tracks were written outside it
|
|
179
|
+
* as attribute selectors, `[data-grammar-layout-rail-width="wide"]` (0,2,0) outranked the
|
|
180
|
+
* collapse (0,1,0) and the layout never collapsed at all: in a 358px container the primary
|
|
181
|
+
* track computed to 0px and the entire primary column vanished on a phone.
|
|
182
|
+
*
|
|
183
|
+
* Restating the collapse once per attribute value would repair today's three variants and break
|
|
184
|
+
* again on the fourth one somebody adds. The two ranges are made MUTUALLY EXCLUSIVE instead:
|
|
185
|
+
* the narrow form is what remains when the query does not match, so no selector inside the
|
|
186
|
+
* query - at any specificity, with any attribute invented later - can outrank it. It is also
|
|
187
|
+
* what a renderer without container queries gets, which is the safe half of the pair.
|
|
188
|
+
*/
|
|
175
189
|
.starci-core-primary-rail-layout {
|
|
176
190
|
display: grid;
|
|
177
191
|
min-width: 0;
|
|
178
|
-
grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem);
|
|
179
|
-
gap: var(--starci-core-region-gap, 1.5rem);
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.starci-core-primary-rail-layout[data-grammar-layout-rail="absent"] {
|
|
183
192
|
grid-template-columns: minmax(0, 1fr);
|
|
193
|
+
gap: var(--starci-core-region-gap, 1.5rem);
|
|
184
194
|
}
|
|
185
195
|
|
|
186
|
-
.starci-core-primary-rail-layout[data-grammar-layout-rail-width="compact"] { grid-template-columns: minmax(0, 1fr) minmax(14rem, 16rem); }
|
|
187
|
-
.starci-core-primary-rail-layout[data-grammar-layout-rail-width="wide"] { grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem); }
|
|
188
196
|
.starci-core-primary-rail-layout[data-grammar-layout-align="start"] { align-items: start; }
|
|
189
197
|
.starci-core-primary-rail-layout[data-grammar-layout-align="stretch"] { align-items: stretch; }
|
|
190
198
|
|
|
199
|
+
/* The rail track is spelled once per width, and only where there is a rail to give it to. */
|
|
200
|
+
@container starci-core-primary-rail (min-width: 56.001rem) {
|
|
201
|
+
.starci-core-primary-rail-layout[data-grammar-layout-rail="present"] { grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem); }
|
|
202
|
+
.starci-core-primary-rail-layout[data-grammar-layout-rail="present"][data-grammar-layout-rail-width="compact"] { grid-template-columns: minmax(0, 1fr) minmax(14rem, 16rem); }
|
|
203
|
+
.starci-core-primary-rail-layout[data-grammar-layout-rail="present"][data-grammar-layout-rail-width="wide"] { grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem); }
|
|
204
|
+
}
|
|
205
|
+
|
|
191
206
|
.starci-core-primary-region,
|
|
192
207
|
.starci-core-rail-region {
|
|
193
208
|
min-width: 0;
|
|
@@ -640,6 +655,50 @@
|
|
|
640
655
|
border-radius: 0 !important;
|
|
641
656
|
}
|
|
642
657
|
|
|
658
|
+
/*
|
|
659
|
+
* THE VERDICT EDGE IS SHIPPED.
|
|
660
|
+
*
|
|
661
|
+
* A row in a verdict collection reports an outcome, and the outcome is drawn as a 2px edge on
|
|
662
|
+
* the row's leading side. The collection already squares its corners for exactly these rows;
|
|
663
|
+
* this is the paint the squaring was preparing for, and without it an application had to reach
|
|
664
|
+
* across the Grammar boundary with its own inset shadow to get it.
|
|
665
|
+
*
|
|
666
|
+
* It is an INSET SHADOW, not a border and not a padded rule, because the rows of a verdict
|
|
667
|
+
* collection are usually the consumer's own children: a border would move their content two
|
|
668
|
+
* pixels and a padding would fight the inset they already own, while a shadow paints inside the
|
|
669
|
+
* box that is already there. The row is addressed by `data-verdict`, which is the slot contract
|
|
670
|
+
* `SurfaceListCard` documents for its collection, so a Grammar row and an application row draw
|
|
671
|
+
* the same edge from the same attribute.
|
|
672
|
+
*
|
|
673
|
+
* The offset is physical because `box-shadow` has no logical form; under `dir="rtl"` the edge
|
|
674
|
+
* stays on the left. No shipped object mirrors yet, so this is consistent rather than a new gap.
|
|
675
|
+
*/
|
|
676
|
+
.starci-core-owned-collection[data-grammar-collection="verdict"] [data-verdict="success"],
|
|
677
|
+
.starci-core-static-row[data-verdict="success"] {
|
|
678
|
+
--starci-core-verdict-edge: inset 2px 0 0 0 var(--success, var(--starci-core-success, #15803d));
|
|
679
|
+
}
|
|
680
|
+
|
|
681
|
+
.starci-core-owned-collection[data-grammar-collection="verdict"] [data-verdict="danger"],
|
|
682
|
+
.starci-core-static-row[data-verdict="danger"] {
|
|
683
|
+
--starci-core-verdict-edge: inset 2px 0 0 0 var(--danger, var(--starci-core-danger, #b91c1c));
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
/*
|
|
687
|
+
* The edge is painted from that one property, including under hover.
|
|
688
|
+
*
|
|
689
|
+
* A hover-invariant list clears every row shadow below, which is right for decoration and wrong
|
|
690
|
+
* for a verdict: an outcome that disappears while the pointer rests on its row is a worse row
|
|
691
|
+
* than one that never drew it. Reading the same property in both places keeps one value.
|
|
692
|
+
*/
|
|
693
|
+
.starci-core-owned-collection[data-grammar-collection="verdict"] [data-verdict="success"],
|
|
694
|
+
.starci-core-owned-collection[data-grammar-collection="verdict"] [data-verdict="danger"],
|
|
695
|
+
.starci-core-static-row[data-verdict="success"],
|
|
696
|
+
.starci-core-static-row[data-verdict="danger"],
|
|
697
|
+
.starci-core-list-shell[data-grammar-hover="invariant"] .starci-core-static-row[data-verdict="success"]:hover,
|
|
698
|
+
.starci-core-list-shell[data-grammar-hover="invariant"] .starci-core-static-row[data-verdict="danger"]:hover {
|
|
699
|
+
box-shadow: var(--starci-core-verdict-edge, none);
|
|
700
|
+
}
|
|
701
|
+
|
|
643
702
|
.starci-core-surface-footer {
|
|
644
703
|
display: flex;
|
|
645
704
|
min-width: 0;
|
|
@@ -1043,17 +1102,25 @@
|
|
|
1043
1102
|
max-width: var(--starci-core-rail-wide, 24rem);
|
|
1044
1103
|
}
|
|
1045
1104
|
|
|
1105
|
+
/*
|
|
1106
|
+
* A sticky rail starts where the band stops.
|
|
1107
|
+
*
|
|
1108
|
+
* `--starci-core-rail-offset` is still the one a consumer sets; when it does not, the rail reads
|
|
1109
|
+
* the offset the sticky band publishes about itself, and only when there is no band at all does
|
|
1110
|
+
* it fall back to the 5.5rem it always used. So `mode="sticky"` under a Grammar band needs no
|
|
1111
|
+
* `calc()` at the call site, and a rail with no band above it is unchanged.
|
|
1112
|
+
*/
|
|
1046
1113
|
.starci-core-rail-frame {
|
|
1047
1114
|
display: flex;
|
|
1048
1115
|
min-width: 0;
|
|
1049
|
-
max-height: calc(100dvh - var(--starci-core-rail-offset, 5.5rem) - 1.5rem);
|
|
1116
|
+
max-height: calc(100dvh - var(--starci-core-rail-offset, var(--starci-core-band-offset, 5.5rem)) - 1.5rem);
|
|
1050
1117
|
flex-direction: column;
|
|
1051
1118
|
gap: var(--starci-core-rail-gap, 1rem);
|
|
1052
1119
|
}
|
|
1053
1120
|
|
|
1054
1121
|
.starci-core-rail[data-grammar-rail-mode="sticky"] .starci-core-rail-frame {
|
|
1055
1122
|
position: sticky;
|
|
1056
|
-
top: var(--starci-core-rail-offset, 5.5rem);
|
|
1123
|
+
top: var(--starci-core-rail-offset, var(--starci-core-band-offset, 5.5rem));
|
|
1057
1124
|
}
|
|
1058
1125
|
|
|
1059
1126
|
.starci-core-rail-body {
|
|
@@ -1115,11 +1182,13 @@
|
|
|
1115
1182
|
}
|
|
1116
1183
|
|
|
1117
1184
|
@container starci-core-primary-rail (max-width: 56rem) {
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1185
|
+
/*
|
|
1186
|
+
* The single column itself is the DEFAULT above, not an override here - see the note on
|
|
1187
|
+
* `.starci-core-primary-rail-layout`. This block owns only what is true of the collapsed
|
|
1188
|
+
* reading order, which has no counterpart outside the query to fight with.
|
|
1189
|
+
*
|
|
1190
|
+
* Collapsed, the rail may lead - a filter or summary a reader needs before the content.
|
|
1191
|
+
*/
|
|
1123
1192
|
.starci-core-primary-rail-layout[data-grammar-layout-collapsed-order="rail-first"] .starci-core-rail-region {
|
|
1124
1193
|
order: -1;
|
|
1125
1194
|
}
|
|
@@ -1163,6 +1232,40 @@
|
|
|
1163
1232
|
top: 0;
|
|
1164
1233
|
}
|
|
1165
1234
|
|
|
1235
|
+
/*
|
|
1236
|
+
* THE BAND PUBLISHES ITS OWN HEIGHT.
|
|
1237
|
+
*
|
|
1238
|
+
* A page under a sticky band needs exactly one number - where the band stops - to pin a rail
|
|
1239
|
+
* beneath it, and until now every consumer RESTATED that number: `calc(4rem + 1px)` for the
|
|
1240
|
+
* primary row and its separator, `calc(4rem + 2rem + 1px)` once a feature layer is stacked.
|
|
1241
|
+
* Restated geometry is wrong the moment the band changes, so the band publishes it instead.
|
|
1242
|
+
*
|
|
1243
|
+
* It is published with `:has()` on the Grammar root, not measured in JS, because presence and
|
|
1244
|
+
* stacking are already spelled by the data attributes these compositions emit, and a custom
|
|
1245
|
+
* property set on the root inherits to every page inside it. The root - not `:root` - keeps the
|
|
1246
|
+
* package inside its own boundary, which is the same reason no rule here touches the document.
|
|
1247
|
+
*
|
|
1248
|
+
* NOTHING is defined when no sticky band is present, so `var(--starci-core-band-offset, X)`
|
|
1249
|
+
* still resolves to a consumer's own X exactly as it did before this property existed.
|
|
1250
|
+
*/
|
|
1251
|
+
.grammar-common-root:has(.starci-core-navigation-feature-nav[data-grammar-navigation-feature-nav-position="sticky"]),
|
|
1252
|
+
.grammar-common-root:has(.starci-core-subnav[data-grammar-subnav-position="sticky"]) {
|
|
1253
|
+
--starci-core-band-offset: calc(var(--starci-core-band-height, 0rem) + var(--starci-core-band-subnav-height, 0rem));
|
|
1254
|
+
}
|
|
1255
|
+
|
|
1256
|
+
.grammar-common-root:has(.starci-core-navigation-feature-nav[data-grammar-navigation-feature-nav-position="sticky"]) {
|
|
1257
|
+
--starci-core-band-height: calc(4rem + 1px);
|
|
1258
|
+
}
|
|
1259
|
+
|
|
1260
|
+
.grammar-common-root:has(.starci-core-navigation-feature-nav[data-grammar-navigation-feature-nav-position="sticky"][data-grammar-navigation-feature-nav-layers="two"]) {
|
|
1261
|
+
--starci-core-band-height: calc(4rem + 2rem + 1px);
|
|
1262
|
+
}
|
|
1263
|
+
|
|
1264
|
+
/* A sticky Subnav stacks under the band, so it adds its own height and separator to the offset. */
|
|
1265
|
+
.grammar-common-root:has(.starci-core-subnav[data-grammar-subnav-position="sticky"]) {
|
|
1266
|
+
--starci-core-band-subnav-height: calc(3.25rem + 1px);
|
|
1267
|
+
}
|
|
1268
|
+
|
|
1166
1269
|
.starci-core-navigation-feature-nav-primary {
|
|
1167
1270
|
display: grid !important;
|
|
1168
1271
|
min-height: 4rem;
|
|
@@ -1207,6 +1310,30 @@
|
|
|
1207
1310
|
gap: var(--starci-core-inline-gap, 0.5rem);
|
|
1208
1311
|
}
|
|
1209
1312
|
|
|
1313
|
+
/*
|
|
1314
|
+
* THE BAND'S OWN CONTROLS MEET THE 44px TOUCH FLOOR.
|
|
1315
|
+
*
|
|
1316
|
+
* Every pressable in the two action slots was the vendor button's own height - 2.25rem on
|
|
1317
|
+
* desktop and 2.5rem compact - so the language menu, the cart, the account button, the compact
|
|
1318
|
+
* drawer trigger and the field-shaped search trigger all sat under the floor, on the surface a
|
|
1319
|
+
* reader is most likely to touch. It is a MINIMUM, not a size: `min-inline-size` and
|
|
1320
|
+
* `min-block-size` are properties the vendor's rules never set, so the glyph, the label, the
|
|
1321
|
+
* paint and the corner are all untouched and no `!important` is owed to the components layer.
|
|
1322
|
+
*
|
|
1323
|
+
* The band does NOT grow. The primary row is 4rem with a 0.5rem block inset on each side, so
|
|
1324
|
+
* 44px is 4px short of the 3rem it already offers a control, and `--starci-core-band-height`
|
|
1325
|
+
* stays `calc(4rem + 1px)`. The floor is spelled on the pressable, never on the slot: a slot
|
|
1326
|
+
* with a min-height would pad a row that has nothing in it.
|
|
1327
|
+
*
|
|
1328
|
+
* The feature layer is deliberately out of scope - its tabs are a Tabs branch, and a tab's
|
|
1329
|
+
* target is that branch's to answer.
|
|
1330
|
+
*/
|
|
1331
|
+
.starci-core-navigation-feature-nav-actions :where(button, [role="button"], a[href]),
|
|
1332
|
+
.starci-core-navigation-feature-nav-compact-navigation :where(button, [role="button"], a[href]) {
|
|
1333
|
+
min-inline-size: 44px;
|
|
1334
|
+
min-block-size: 44px;
|
|
1335
|
+
}
|
|
1336
|
+
|
|
1210
1337
|
.starci-core-navigation-feature-nav-feature {
|
|
1211
1338
|
width: 100%;
|
|
1212
1339
|
padding-inline: 0.75rem;
|
|
@@ -1265,7 +1392,8 @@
|
|
|
1265
1392
|
.starci-core-subnav[data-grammar-subnav-position="sticky"] {
|
|
1266
1393
|
position: sticky;
|
|
1267
1394
|
z-index: var(--starci-core-subnav-z, 40);
|
|
1268
|
-
|
|
1395
|
+
/* The band's own published height, so a stacked Subnav no longer needs a consumer's calc. */
|
|
1396
|
+
top: var(--starci-core-subnav-offset, var(--starci-core-band-height, 4rem));
|
|
1269
1397
|
backface-visibility: hidden;
|
|
1270
1398
|
transform: translateZ(0);
|
|
1271
1399
|
will-change: transform;
|
|
@@ -1296,13 +1424,14 @@
|
|
|
1296
1424
|
/*
|
|
1297
1425
|
* The toggle is a HeroUI `Button`, whose own fill, corner and shadow live in the vendor's
|
|
1298
1426
|
* `components` layer - declared after `starci-grammar-common`, so it wins every normal
|
|
1299
|
-
* declaration here regardless of specificity. These
|
|
1300
|
-
*
|
|
1427
|
+
* declaration here regardless of specificity. These are the ones the utilities used to carry,
|
|
1428
|
+
* so they are the ones that have to be important - the 2.75rem target included, because the
|
|
1429
|
+
* vendor sizes its own button and a consumer was re-forcing `size-11` to get the target back.
|
|
1301
1430
|
*/
|
|
1302
1431
|
.starci-core-subnav-toggle {
|
|
1303
1432
|
display: inline-flex;
|
|
1304
|
-
width: 2.75rem;
|
|
1305
|
-
height: 2.75rem;
|
|
1433
|
+
width: 2.75rem !important;
|
|
1434
|
+
height: 2.75rem !important;
|
|
1306
1435
|
align-items: center;
|
|
1307
1436
|
justify-content: center;
|
|
1308
1437
|
border-radius: 0 !important;
|
|
@@ -1339,6 +1468,11 @@
|
|
|
1339
1468
|
.starci-core-subnav[data-grammar-subnav-visibility="compact"] {
|
|
1340
1469
|
display: none;
|
|
1341
1470
|
}
|
|
1471
|
+
|
|
1472
|
+
/* A compact Subnav is not on screen here, so it contributes no height to the band offset. */
|
|
1473
|
+
.grammar-common-root:has(.starci-core-subnav[data-grammar-subnav-position="sticky"][data-grammar-subnav-visibility="compact"]) {
|
|
1474
|
+
--starci-core-band-subnav-height: 0rem;
|
|
1475
|
+
}
|
|
1342
1476
|
}
|
|
1343
1477
|
|
|
1344
1478
|
.starci-core-workspace-shell {
|
|
@@ -1357,16 +1491,26 @@
|
|
|
1357
1491
|
display: none;
|
|
1358
1492
|
}
|
|
1359
1493
|
|
|
1494
|
+
/*
|
|
1495
|
+
* THE COLLAPSED FORM IS THE DEFAULT here too, for the reason recorded on
|
|
1496
|
+
* `.starci-core-primary-rail-layout`: every multi-track form lives INSIDE a container query, so
|
|
1497
|
+
* the stacked one cannot be outranked by an attribute selector written outside it. Before this,
|
|
1498
|
+
* the two-track rule for `[navigation="present"][rail="present"]` (0,3,0) in the 72rem query
|
|
1499
|
+
* beat the collapse group's bare class (0,1,0), and the leading four-track rule (0,4,0) beat
|
|
1500
|
+
* every collapse rule there is, so a shell carrying a navigation and a rail never stacked.
|
|
1501
|
+
*
|
|
1502
|
+
* The tiers are mutually exclusive ranges, narrowest first:
|
|
1503
|
+
* default one column, one row per region
|
|
1504
|
+
* > 56rem the regions take their own tracks
|
|
1505
|
+
* > 72rem a navigation AND a rail stand beside the primary at the same time
|
|
1506
|
+
*/
|
|
1360
1507
|
.starci-core-workspace-shell-layout {
|
|
1361
1508
|
--starci-core-workspace-navigation-track: minmax(14rem, var(--starci-core-workspace-navigation-width, 18rem));
|
|
1362
1509
|
--starci-core-workspace-rail-track: minmax(16rem, var(--starci-core-rail-standard, 20rem));
|
|
1363
1510
|
display: grid;
|
|
1364
1511
|
min-width: 0;
|
|
1365
|
-
grid-template-areas: "navigation primary rail";
|
|
1366
|
-
grid-template-columns:
|
|
1367
|
-
var(--starci-core-workspace-navigation-track)
|
|
1368
|
-
minmax(0, 1fr)
|
|
1369
|
-
var(--starci-core-workspace-rail-track);
|
|
1512
|
+
grid-template-areas: "navigation" "primary" "rail";
|
|
1513
|
+
grid-template-columns: minmax(0, 1fr);
|
|
1370
1514
|
gap: var(--starci-core-region-gap, 1.5rem);
|
|
1371
1515
|
}
|
|
1372
1516
|
|
|
@@ -1374,25 +1518,22 @@
|
|
|
1374
1518
|
--starci-core-workspace-navigation-track: max-content;
|
|
1375
1519
|
}
|
|
1376
1520
|
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
grid-template-
|
|
1521
|
+
/* Stacked, an absent region leaves no row behind - an empty one would still take a gap. */
|
|
1522
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"] {
|
|
1523
|
+
grid-template-areas: "primary" "rail";
|
|
1380
1524
|
}
|
|
1381
1525
|
|
|
1382
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-rail
|
|
1383
|
-
grid-template-areas: "
|
|
1384
|
-
|
|
1385
|
-
|
|
1526
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-rail="absent"] {
|
|
1527
|
+
grid-template-areas: "navigation" "primary";
|
|
1528
|
+
}
|
|
1529
|
+
|
|
1530
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="absent"] {
|
|
1531
|
+
grid-template-areas: "primary";
|
|
1386
1532
|
}
|
|
1387
1533
|
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
grid-template-
|
|
1391
|
-
var(--starci-core-workspace-navigation-track)
|
|
1392
|
-
var(--starci-core-workspace-rail-track)
|
|
1393
|
-
1px
|
|
1394
|
-
minmax(0, 1fr);
|
|
1395
|
-
column-gap: 0;
|
|
1534
|
+
/* A leading rail keeps its precedence in the reading order once the tracks are gone. */
|
|
1535
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"][data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="present"] {
|
|
1536
|
+
grid-template-areas: "rail" "primary";
|
|
1396
1537
|
}
|
|
1397
1538
|
|
|
1398
1539
|
.starci-core-workspace-shell-leading-rule {
|
|
@@ -1404,22 +1545,61 @@
|
|
|
1404
1545
|
background: var(--separator, var(--starci-core-separator, GrayText));
|
|
1405
1546
|
}
|
|
1406
1547
|
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1548
|
+
@container starci-core-workspace-shell (min-width: 56.001rem) {
|
|
1549
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="present"][data-grammar-workspace-rail="present"] {
|
|
1550
|
+
grid-template-areas: "navigation primary" "navigation rail";
|
|
1551
|
+
grid-template-columns: var(--starci-core-workspace-navigation-track) minmax(0, 1fr);
|
|
1552
|
+
}
|
|
1410
1553
|
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1554
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="present"] {
|
|
1555
|
+
grid-template-areas: "primary rail";
|
|
1556
|
+
grid-template-columns: minmax(0, 1fr) var(--starci-core-workspace-rail-track);
|
|
1557
|
+
}
|
|
1558
|
+
|
|
1559
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="present"][data-grammar-workspace-rail="absent"] {
|
|
1560
|
+
grid-template-areas: "navigation primary";
|
|
1561
|
+
grid-template-columns: var(--starci-core-workspace-navigation-track) minmax(0, 1fr);
|
|
1562
|
+
}
|
|
1563
|
+
|
|
1564
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="absent"] {
|
|
1565
|
+
grid-template-areas: "primary";
|
|
1566
|
+
grid-template-columns: minmax(0, 1fr);
|
|
1567
|
+
}
|
|
1568
|
+
|
|
1569
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"][data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="present"] {
|
|
1570
|
+
grid-template-areas: "rail rule primary";
|
|
1571
|
+
grid-template-columns: var(--starci-core-workspace-rail-track) 1px minmax(0, 1fr);
|
|
1572
|
+
column-gap: 0;
|
|
1573
|
+
}
|
|
1574
|
+
|
|
1575
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"][data-grammar-workspace-navigation="present"][data-grammar-workspace-rail="present"] {
|
|
1576
|
+
grid-template-areas: "navigation rail rule primary";
|
|
1577
|
+
grid-template-columns:
|
|
1578
|
+
var(--starci-core-workspace-navigation-track)
|
|
1579
|
+
var(--starci-core-workspace-rail-track)
|
|
1580
|
+
1px
|
|
1581
|
+
minmax(0, 1fr);
|
|
1582
|
+
column-gap: 0;
|
|
1583
|
+
}
|
|
1584
|
+
|
|
1585
|
+
/* The seam and its rule belong to the side-by-side form, so they arrive with the tracks. */
|
|
1586
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"] .starci-core-workspace-shell-leading-rule {
|
|
1587
|
+
display: block;
|
|
1588
|
+
}
|
|
1414
1589
|
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1590
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"] .starci-core-workspace-shell-primary {
|
|
1591
|
+
padding-inline-start: var(--starci-core-workspace-leading-seam, 2rem);
|
|
1592
|
+
}
|
|
1418
1593
|
}
|
|
1419
1594
|
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
|
|
1595
|
+
@container starci-core-workspace-shell (min-width: 72.001rem) {
|
|
1596
|
+
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="present"][data-grammar-workspace-rail="present"] {
|
|
1597
|
+
grid-template-areas: "navigation primary rail";
|
|
1598
|
+
grid-template-columns:
|
|
1599
|
+
var(--starci-core-workspace-navigation-track)
|
|
1600
|
+
minmax(0, 1fr)
|
|
1601
|
+
var(--starci-core-workspace-rail-track);
|
|
1602
|
+
}
|
|
1423
1603
|
}
|
|
1424
1604
|
|
|
1425
1605
|
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-width="compact"] {
|
|
@@ -1754,62 +1934,16 @@
|
|
|
1754
1934
|
}
|
|
1755
1935
|
|
|
1756
1936
|
@container starci-core-workspace-shell (max-width: 72rem) {
|
|
1757
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="present"][data-grammar-workspace-rail="present"] {
|
|
1758
|
-
grid-template-areas: "navigation primary" "navigation rail";
|
|
1759
|
-
grid-template-columns: var(--starci-core-workspace-navigation-track) minmax(0, 1fr);
|
|
1760
|
-
}
|
|
1761
|
-
|
|
1762
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"][data-grammar-workspace-navigation="present"][data-grammar-workspace-rail="present"] {
|
|
1763
|
-
grid-template-areas: "navigation rail rule primary";
|
|
1764
|
-
grid-template-columns:
|
|
1765
|
-
var(--starci-core-workspace-navigation-track)
|
|
1766
|
-
var(--starci-core-workspace-rail-track)
|
|
1767
|
-
1px
|
|
1768
|
-
minmax(0, 1fr);
|
|
1769
|
-
}
|
|
1770
|
-
|
|
1771
1937
|
.starci-core-workspace-shell-rail .starci-core-rail {
|
|
1772
1938
|
max-width: none;
|
|
1773
1939
|
}
|
|
1774
1940
|
}
|
|
1775
1941
|
|
|
1942
|
+
/*
|
|
1943
|
+
* Every grid template this shell can take now lives in the two `min-width` tiers above. What
|
|
1944
|
+
* stays here is the behaviour of a STACKED rail, which no rule outside the query contradicts.
|
|
1945
|
+
*/
|
|
1776
1946
|
@container starci-core-workspace-shell (max-width: 56rem) {
|
|
1777
|
-
.starci-core-workspace-shell-layout,
|
|
1778
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="present"],
|
|
1779
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="present"][data-grammar-workspace-rail="absent"],
|
|
1780
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="absent"] {
|
|
1781
|
-
grid-template-areas: "navigation" "primary" "rail";
|
|
1782
|
-
grid-template-columns: minmax(0, 1fr);
|
|
1783
|
-
}
|
|
1784
|
-
|
|
1785
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"][data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="present"] {
|
|
1786
|
-
grid-template-areas: "rail" "primary";
|
|
1787
|
-
}
|
|
1788
|
-
|
|
1789
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"] {
|
|
1790
|
-
grid-template-areas: "primary" "rail";
|
|
1791
|
-
}
|
|
1792
|
-
|
|
1793
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"][data-grammar-workspace-navigation="absent"] {
|
|
1794
|
-
grid-template-areas: "rail" "primary";
|
|
1795
|
-
}
|
|
1796
|
-
|
|
1797
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"] .starci-core-workspace-shell-leading-rule {
|
|
1798
|
-
display: none;
|
|
1799
|
-
}
|
|
1800
|
-
|
|
1801
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-rail-position="leading"] .starci-core-workspace-shell-primary {
|
|
1802
|
-
padding-inline-start: 0;
|
|
1803
|
-
}
|
|
1804
|
-
|
|
1805
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-rail="absent"] {
|
|
1806
|
-
grid-template-areas: "navigation" "primary";
|
|
1807
|
-
}
|
|
1808
|
-
|
|
1809
|
-
.starci-core-workspace-shell-layout[data-grammar-workspace-navigation="absent"][data-grammar-workspace-rail="absent"] {
|
|
1810
|
-
grid-template-areas: "primary";
|
|
1811
|
-
}
|
|
1812
|
-
|
|
1813
1947
|
.starci-core-workspace-shell-rail .starci-core-rail-frame {
|
|
1814
1948
|
position: static;
|
|
1815
1949
|
max-height: none;
|
|
@@ -1913,12 +2047,26 @@
|
|
|
1913
2047
|
*/
|
|
1914
2048
|
|
|
1915
2049
|
/* --- Surface card: the card, its label row and its content shell are HeroUI `Card` parts. --- */
|
|
2050
|
+
/*
|
|
2051
|
+
* THE CARD'S OUTER BOX IS ITS BOUNDARY, exactly as the list's and the accordion's are.
|
|
2052
|
+
*
|
|
2053
|
+
* `SurfaceCard` is the only one of the three whose root is a HeroUI `Card`, and the vendor's
|
|
2054
|
+
* `.card` carries a 1rem padding of its own. That inset moved the card's visible surface AND
|
|
2055
|
+
* its label a further 16px inward, so a padded `SurfaceCard` and an unpadded
|
|
2056
|
+
* `SurfaceAccordionCard` standing in one column disagreed by 16px at both edges - two members
|
|
2057
|
+
* of one family drawing the same boundary in two places. The label row and the content shell
|
|
2058
|
+
* were already given `padding: 0 !important` here for the same reason; the root was missed.
|
|
2059
|
+
*
|
|
2060
|
+
* The card keeps its inset where the contract puts it: `PADDING-4` is claimed by the CONTENT
|
|
2061
|
+
* REGION inside the surface, which is where the reader's copy is held off the boundary.
|
|
2062
|
+
*/
|
|
1916
2063
|
.starci-core-surface-card {
|
|
1917
2064
|
display: flex !important;
|
|
1918
2065
|
width: 100% !important;
|
|
1919
2066
|
min-width: 0;
|
|
1920
2067
|
flex-direction: column !important;
|
|
1921
2068
|
gap: var(--starci-core-section-gap, 0.75rem) !important;
|
|
2069
|
+
padding: 0 !important;
|
|
1922
2070
|
}
|
|
1923
2071
|
|
|
1924
2072
|
.starci-core-surface-label {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
|
+
import type { RowVerdict } from "../../composite/StaticStateRow/index.js";
|
|
2
3
|
type LabelledSurfaceList = {
|
|
3
4
|
readonly label: string;
|
|
4
5
|
readonly ariaLabel?: string;
|
|
@@ -14,9 +15,19 @@ type SurfaceListFrameProps = (LabelledSurfaceList | SelfNamedSurfaceList) & {
|
|
|
14
15
|
readonly footer?: ReactNode;
|
|
15
16
|
readonly depth?: "top" | "nested";
|
|
16
17
|
readonly isLoading?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* The collection reports outcomes: it squares its corners and paints each row's verdict edge.
|
|
20
|
+
*
|
|
21
|
+
* A row opts into that edge by carrying `data-verdict="success" | "danger"` - the slot contract
|
|
22
|
+
* this card publishes for its collection. `StaticStateRow` takes a `verdict` prop that emits it;
|
|
23
|
+
* an application-owned row spells the attribute itself and gets exactly the same shipped edge,
|
|
24
|
+
* because rows here are the caller's children and no prop of this card can reach them.
|
|
25
|
+
*/
|
|
17
26
|
readonly isVerdict?: boolean;
|
|
18
27
|
readonly isScrollable?: boolean;
|
|
19
28
|
};
|
|
29
|
+
/** The value a row in a verdict collection puts in `data-verdict`. */
|
|
30
|
+
export type SurfaceListRowVerdict = RowVerdict;
|
|
20
31
|
export type SurfaceListCardProps = SurfaceListFrameProps & {
|
|
21
32
|
readonly children: ReactNode;
|
|
22
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAA;AAKzE,KAAK,mBAAmB,GAAG;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAC9B,CAAA;AAED,KAAK,oBAAoB,GAAG;IACxB,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,KAAK,qBAAqB,GAAG,CAAC,mBAAmB,GAAG,oBAAoB,CAAC,GAAG;IACxE,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAA;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;;;;OAOG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,YAAY,CAAC,EAAE,OAAO,CAAA;CAClC,CAAA;AAED,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAA;AAE9C,MAAM,MAAM,oBAAoB,GAAG,qBAAqB,GAAG;IACvD,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,gCAgE1D,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/branch/SurfaceListCard/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAkB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACpF,OAAO,EAAE,KAAK,EAAE,MAAM,gCAAgC,CAAA;AACtD,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AAsCpK,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EACF,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,MAAM,EACN,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,GACvB,GAAG,KAAK,CAAA;IACT,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IACzB,MAAM,cAAc,GAAG,SAAS,IAAI,KAAK,CAAA;IAEzC,OAAO,CACH,mBACI,SAAS,EAAE,oBAAoB,mCACA,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,+BACvC,MAAM,gCACJ,KAAK,aAEhC,KAAK,KAAK,SAAS,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzC,eAAK,SAAS,EAAE,qBAAqB,mBAAgB,OAAO,gCAA4B,MAAM,aAC1F,KAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,YAAG,KAAK,GAAS,EAC1D,QAAQ,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC,eACI,SAAS,EAAE,oBAAoB,gCACH,KAAK,mBAClB,UAAU,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,YAElE,IAAI,GACF,CACV,CAAC,IACA,CACT,EACD,4BACgB,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,qBAC1D,CAAC,WAAW,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC5E,SAAS,EAAE,kBAAkB,mBACf,gCAAgC,0BACzB,MAAM,yBACN,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,gCAC5B,KAAK,0BACX,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,kBAC9C,MAAM,CAAC,SAAS,CAAC,YAE/B,KAAC,oBAAoB,IACjB,SAAS,EAAE,mBAAmB,6BACL,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,uBACrC,MAAM,kBACV,MAAM,CAAC,SAAS,CAAC,EAC/B,YAAY,EAAE,YAAY,YAEzB,QAAQ,GACU,GACrB,EACL,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC3B,cAAK,SAAS,EAAE,sBAAsB,iCAA8B,MAAM,YAAE,MAAM,GAAO,CAC5F,IACK,CACb,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -1,9 +1,20 @@
|
|
|
1
1
|
import { type PresentationState } from "../../state.js";
|
|
2
|
+
/**
|
|
3
|
+
* The outcome a row in a verdict collection reports.
|
|
4
|
+
*
|
|
5
|
+
* This is not `PresentationState`: a state describes how the row itself is doing, while a verdict
|
|
6
|
+
* describes the direction of what the row REPORTS - a movement up or down a board - and it is drawn
|
|
7
|
+
* as the collection's leading edge rather than as the row's own treatment. The same union is the
|
|
8
|
+
* slot contract `SurfaceListCard` documents for an application-owned row.
|
|
9
|
+
*/
|
|
10
|
+
export type RowVerdict = "success" | "danger";
|
|
2
11
|
export type StaticStateRowData = {
|
|
3
12
|
readonly id: string;
|
|
4
13
|
readonly label: string;
|
|
5
14
|
readonly description?: string;
|
|
6
15
|
readonly state?: PresentationState;
|
|
16
|
+
/** Draws the collection's 2px leading verdict edge on this row. */
|
|
17
|
+
readonly verdict?: RowVerdict;
|
|
7
18
|
};
|
|
8
19
|
export type StaticStateRowProps = {
|
|
9
20
|
readonly item: StaticStateRowData;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/StaticStateRow/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGrE,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/composite/StaticStateRow/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGrE;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE7C,MAAM,MAAM,kBAAkB,GAAG;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAA;IAClC,mEAAmE;IACnE,QAAQ,CAAC,OAAO,CAAC,EAAE,UAAU,CAAA;CAChC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAC9B,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAA;CACpC,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAqBxD,CAAA"}
|
|
@@ -7,6 +7,6 @@ export const StaticStateRow = (props) => {
|
|
|
7
7
|
const item = props.item;
|
|
8
8
|
const state = item.state ?? "neutral";
|
|
9
9
|
const treatment = treatmentFor(state);
|
|
10
|
-
return (_jsxs("li", { className: staticRowClassName, "data-grammar-row": "true", "data-grammar-state": state, "data-grammar-treatment": treatment.tone, "data-contract": "GAP-3 PADDING-4 BOUNDARY-3", children: [_jsx(StateMark, { state: state }), _jsxs("span", { className: staticRowCopyClassName, "data-contract": "GAP-1", children: [_jsx("span", { children: item.label }), item.description === undefined ? null : _jsx("span", { children: item.description })] })] }));
|
|
10
|
+
return (_jsxs("li", { className: staticRowClassName, "data-grammar-row": "true", "data-grammar-state": state, "data-grammar-treatment": treatment.tone, "data-verdict": item.verdict, "data-contract": "GAP-3 PADDING-4 BOUNDARY-3", children: [_jsx(StateMark, { state: state }), _jsxs("span", { className: staticRowCopyClassName, "data-contract": "GAP-1", children: [_jsx("span", { children: item.label }), item.description === undefined ? null : _jsx("span", { children: item.description })] })] }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/StaticStateRow/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/composite/StaticStateRow/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAyBhF,kFAAkF;AAClF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACzD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAA;IACvB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAA;IACrC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;IAErC,OAAO,CACH,cACI,SAAS,EAAE,kBAAkB,sBACZ,MAAM,wBACH,KAAK,4BACD,SAAS,CAAC,IAAI,kBACxB,IAAI,CAAC,OAAO,mBACZ,4BAA4B,aAE1C,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC3B,gBAAM,SAAS,EAAE,sBAAsB,mBAAgB,OAAO,aAC1D,yBAAO,IAAI,CAAC,KAAK,GAAQ,EACxB,IAAI,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,yBAAO,IAAI,CAAC,WAAW,GAAQ,IACrE,IACN,CACR,CAAA;AACL,CAAC,CAAA"}
|
package/dist/core/dna.d.ts
CHANGED
|
@@ -122,6 +122,33 @@ export declare const STARCI_CORE_TOKEN_NAMES: Readonly<{
|
|
|
122
122
|
readonly motionDuration: "--starci-core-motion-duration";
|
|
123
123
|
readonly motionEasing: "--starci-core-motion-easing";
|
|
124
124
|
}>;
|
|
125
|
+
/**
|
|
126
|
+
* Sticky-band geometry the package PUBLISHES rather than expects.
|
|
127
|
+
*
|
|
128
|
+
* These are not theme tokens and they are deliberately absent from `STARCI_CORE_TOKEN_NAMES`: a
|
|
129
|
+
* theme token has one default the family always defines, while each of these is either derived from
|
|
130
|
+
* what is actually on the page or supplied by a host that wants to override that. A consumer reads
|
|
131
|
+
* them; only `railOffset` and `subnavOffset` are meant to be written.
|
|
132
|
+
*
|
|
133
|
+
* - `bandOffset` - where the sticky band stack stops. Defined only while a sticky
|
|
134
|
+
* `NavigationFeatureNav` or `Subnav` is present, so `var(--starci-core-band-offset, X)` keeps
|
|
135
|
+
* falling back to a page's own X when there is no band. A page pins to it with
|
|
136
|
+
* `top: var(--starci-core-band-offset)` and bounds itself with
|
|
137
|
+
* `max-height: calc(100dvh - var(--starci-core-band-offset))`.
|
|
138
|
+
* - `bandHeight` - the navigation band alone: 4rem plus its separator, plus 2rem when a feature
|
|
139
|
+
* layer is stacked on it.
|
|
140
|
+
* - `bandSubnavHeight` - a stacked sticky `Subnav`, which contributes nothing once a compact one is
|
|
141
|
+
* hidden at 70rem.
|
|
142
|
+
* - `railOffset` / `subnavOffset` - the host overrides. Unset, each reads the published band.
|
|
143
|
+
*/
|
|
144
|
+
export declare const STARCI_CORE_BAND_TOKEN_NAMES: Readonly<{
|
|
145
|
+
readonly bandOffset: "--starci-core-band-offset";
|
|
146
|
+
readonly bandHeight: "--starci-core-band-height";
|
|
147
|
+
readonly bandSubnavHeight: "--starci-core-band-subnav-height";
|
|
148
|
+
readonly railOffset: "--starci-core-rail-offset";
|
|
149
|
+
readonly subnavOffset: "--starci-core-subnav-offset";
|
|
150
|
+
}>;
|
|
151
|
+
export type StarCiCoreBandTokenName = (typeof STARCI_CORE_BAND_TOKEN_NAMES)[keyof typeof STARCI_CORE_BAND_TOKEN_NAMES];
|
|
125
152
|
export type StarCiCoreDna = typeof STARCI_CORE_DNA;
|
|
126
153
|
export type StarCiCoreTokenName = (typeof STARCI_CORE_TOKEN_NAMES)[keyof typeof STARCI_CORE_TOKEN_NAMES];
|
|
127
154
|
/** Portable light/default values keyed by the public CSS custom-property contract. */
|
package/dist/core/dna.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dna.d.ts","sourceRoot":"","sources":["../../src/core/dna.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DjB,CAAA;AAEX,kFAAkF;AAClF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;EAe3B,CAAA;AAEX,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,yBAAyB,CAAA;AAC1E,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,qBAAqB,CAAC,CAAA;AAE9F,mFAAmF;AACnF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCzB,CAAA;AAEX,MAAM,MAAM,aAAa,GAAG,OAAO,eAAe,CAAA;AAClD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAA;AAExG,sFAAsF;AACtF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCmB,CAAA;AAE1D,mFAAmF;AACnF,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;EAgBuB,CAAA;AAEnE,MAAM,MAAM,uBAAuB,GAAG,OAAO,0BAA0B,CAAA"}
|
|
1
|
+
{"version":3,"file":"dna.d.ts","sourceRoot":"","sources":["../../src/core/dna.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DjB,CAAA;AAEX,kFAAkF;AAClF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;EAe3B,CAAA;AAEX,MAAM,MAAM,qBAAqB,GAAG,MAAM,OAAO,yBAAyB,CAAA;AAC1E,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,yBAAyB,CAAC,CAAC,qBAAqB,CAAC,CAAA;AAE9F,mFAAmF;AACnF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCzB,CAAA;AAEX;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,4BAA4B;;;;;;EAM9B,CAAA;AAEX,MAAM,MAAM,uBAAuB,GAAG,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAA;AAEtH,MAAM,MAAM,aAAa,GAAG,OAAO,eAAe,CAAA;AAClD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAA;AAExG,sFAAsF;AACtF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCmB,CAAA;AAE1D,mFAAmF;AACnF,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;EAgBuB,CAAA;AAEnE,MAAM,MAAM,uBAAuB,GAAG,OAAO,0BAA0B,CAAA"}
|
package/dist/core/dna.js
CHANGED
|
@@ -120,6 +120,32 @@ export const STARCI_CORE_TOKEN_NAMES = Object.freeze({
|
|
|
120
120
|
motionDuration: "--starci-core-motion-duration",
|
|
121
121
|
motionEasing: "--starci-core-motion-easing",
|
|
122
122
|
});
|
|
123
|
+
/**
|
|
124
|
+
* Sticky-band geometry the package PUBLISHES rather than expects.
|
|
125
|
+
*
|
|
126
|
+
* These are not theme tokens and they are deliberately absent from `STARCI_CORE_TOKEN_NAMES`: a
|
|
127
|
+
* theme token has one default the family always defines, while each of these is either derived from
|
|
128
|
+
* what is actually on the page or supplied by a host that wants to override that. A consumer reads
|
|
129
|
+
* them; only `railOffset` and `subnavOffset` are meant to be written.
|
|
130
|
+
*
|
|
131
|
+
* - `bandOffset` - where the sticky band stack stops. Defined only while a sticky
|
|
132
|
+
* `NavigationFeatureNav` or `Subnav` is present, so `var(--starci-core-band-offset, X)` keeps
|
|
133
|
+
* falling back to a page's own X when there is no band. A page pins to it with
|
|
134
|
+
* `top: var(--starci-core-band-offset)` and bounds itself with
|
|
135
|
+
* `max-height: calc(100dvh - var(--starci-core-band-offset))`.
|
|
136
|
+
* - `bandHeight` - the navigation band alone: 4rem plus its separator, plus 2rem when a feature
|
|
137
|
+
* layer is stacked on it.
|
|
138
|
+
* - `bandSubnavHeight` - a stacked sticky `Subnav`, which contributes nothing once a compact one is
|
|
139
|
+
* hidden at 70rem.
|
|
140
|
+
* - `railOffset` / `subnavOffset` - the host overrides. Unset, each reads the published band.
|
|
141
|
+
*/
|
|
142
|
+
export const STARCI_CORE_BAND_TOKEN_NAMES = Object.freeze({
|
|
143
|
+
bandOffset: "--starci-core-band-offset",
|
|
144
|
+
bandHeight: "--starci-core-band-height",
|
|
145
|
+
bandSubnavHeight: "--starci-core-band-subnav-height",
|
|
146
|
+
railOffset: "--starci-core-rail-offset",
|
|
147
|
+
subnavOffset: "--starci-core-subnav-offset",
|
|
148
|
+
});
|
|
123
149
|
/** Portable light/default values keyed by the public CSS custom-property contract. */
|
|
124
150
|
export const STARCI_CORE_TOKEN_DEFAULTS = Object.freeze({
|
|
125
151
|
"--starci-core-accent": STARCI_CORE_DNA.color.accent,
|
package/dist/core/dna.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dna.js","sourceRoot":"","sources":["../../src/core/dna.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"dna.js","sourceRoot":"","sources":["../../src/core/dna.ts"],"names":[],"mappings":"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"}
|
package/dist/core/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineGrammarFamily, type GrammarRootProps } from "../common/index.js";
|
|
2
2
|
export * from "../common/index.js";
|
|
3
3
|
export type { PresentationState } from "./state.js";
|
|
4
|
-
export { STARCI_CORE_DARK_TOKEN_DEFAULTS, STARCI_CORE_DNA, STARCI_CORE_SPACING_SCALE, STARCI_CORE_TOKEN_DEFAULTS, STARCI_CORE_TOKEN_NAMES, type StarCiCoreDna, type StarCiCoreSpacingStep, type StarCiCoreSpacingValue, type StarCiCoreTokenDefaults, type StarCiCoreTokenName, } from "./dna.js";
|
|
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
5
|
/** @deprecated Use COMMON_GRAMMAR_COMPONENTS from `@starci/grammar/common`. */
|
|
6
6
|
export declare const CORE_GRAMMAR_COMPONENTS: Readonly<{
|
|
7
7
|
readonly Badge: ({ children, startContent, tone, isSkeleton }: import("./index.js").BadgeProps) => import("react").JSX.Element;
|
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,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,EACvB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,GAC3B,MAAM,UAAU,CAAA;AAEjB,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAEhE,MAAM,MAAM,wBAAwB,GAAG,MAAM,OAAO,uBAAuB,CAAA;AAQ3E,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"}
|
|
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;AAEjB,+EAA+E;AAC/E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA4B,CAAA;AAEhE,MAAM,MAAM,wBAAwB,GAAG,MAAM,OAAO,uBAAuB,CAAA;AAQ3E,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
|
@@ -5,7 +5,7 @@ import { createElement } from "react";
|
|
|
5
5
|
// DNA, conformance) win over the same names below. A consumer may import renderers from this entry or from
|
|
6
6
|
// @starci/grammar/common; both name the same Common components.
|
|
7
7
|
export * from "../common/index.js";
|
|
8
|
-
export { STARCI_CORE_DARK_TOKEN_DEFAULTS, STARCI_CORE_DNA, STARCI_CORE_SPACING_SCALE, STARCI_CORE_TOKEN_DEFAULTS, STARCI_CORE_TOKEN_NAMES, } from "./dna.js";
|
|
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
9
|
/** @deprecated Use COMMON_GRAMMAR_COMPONENTS from `@starci/grammar/common`. */
|
|
10
10
|
export const CORE_GRAMMAR_COMPONENTS = COMMON_GRAMMAR_COMPONENTS;
|
|
11
11
|
/** StarCi Core is one visual family implementing the Common contract. */
|
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,+BAA+B,EAC/B,eAAe,EACf,yBAAyB,EACzB,0BAA0B,EAC1B,uBAAuB,
|
|
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,+EAA+E;AAC/E,MAAM,CAAC,MAAM,uBAAuB,GAAG,yBAAyB,CAAA;AAIhE,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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@starci/grammar",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.6",
|
|
4
4
|
"description": "Reusable StarCi React components, compositions, and packaged visual DNA.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"starci",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"scripts": {
|
|
56
56
|
"build": "node scripts/clean.mjs && tsc -p tsconfig.build.json && node scripts/copy-css.mjs",
|
|
57
57
|
"typecheck": "tsc -p tsconfig.build.json --noEmit",
|
|
58
|
-
"test": "npm run build && node --test src/common/index.test.mjs src/core/index.test.mjs src/package-boundary.test.mjs && vitest run --config vitest.config.ts src/shipped-geometry.spec.ts src/core/shipped-claims.spec.tsx src/common/conformance.spec.ts src/common/styles.spec.ts src/core/family.spec.tsx src/core/styles.spec.ts src/core/surface-card-family.spec.tsx src/core/scrollable-surfaces.spec.tsx src/core/primitive/Badge/index.spec.tsx src/core/primitive/Button/index.spec.tsx src/core/primitive/Divider/index.spec.tsx src/core/primitive/Heading/index.spec.tsx src/core/primitive/Icon/index.spec.tsx src/core/primitive/IconButton/index.spec.tsx src/core/primitive/IconTile/index.spec.tsx src/core/primitive/Input/index.spec.tsx src/core/primitive/PressableField/index.spec.tsx src/core/primitive/Progress/index.spec.tsx src/core/primitive/Text/index.spec.tsx src/core/primitive/TextAction/index.spec.tsx src/core/primitive/Label/index.spec.tsx src/core/primitive/RankArtwork/index.spec.tsx src/core/composite/EmptyNotice/index.spec.tsx src/core/branch/Tabs/index.spec.tsx src/core/branch/Subnav/index.spec.tsx src/core/branch/Tooltip/index.spec.tsx src/core/composition/NavigationFeatureNav/index.spec.tsx src/core/composition/NavigationFeatureNav/styles.spec.ts src/core/composition/Sidebar/index.spec.tsx src/core/composition/Sidebar/styles.spec.ts src/core/composition/WorkspaceShell/index.spec.tsx src/core/composition/ChatWorkspace/index.spec.tsx src/heritage/index.spec.tsx src/heritage/styles.spec.ts src/offset-pop/index.spec.tsx src/offset-pop/render.spec.tsx src/offset-pop/styles.spec.ts",
|
|
58
|
+
"test": "npm run build && node --test src/common/index.test.mjs src/core/index.test.mjs src/package-boundary.test.mjs && vitest run --config vitest.config.ts src/shipped-geometry.spec.ts src/core/shipped-claims.spec.tsx src/common/conformance.spec.ts src/common/styles.spec.ts src/core/family.spec.tsx src/core/styles.spec.ts src/core/surface-card-family.spec.tsx src/core/scrollable-surfaces.spec.tsx src/core/primitive/Badge/index.spec.tsx src/core/primitive/Button/index.spec.tsx src/core/primitive/Divider/index.spec.tsx src/core/primitive/Heading/index.spec.tsx src/core/primitive/Icon/index.spec.tsx src/core/primitive/IconButton/index.spec.tsx src/core/primitive/IconTile/index.spec.tsx src/core/primitive/Input/index.spec.tsx src/core/primitive/PressableField/index.spec.tsx src/core/primitive/Progress/index.spec.tsx src/core/primitive/Text/index.spec.tsx src/core/primitive/TextAction/index.spec.tsx src/core/primitive/Label/index.spec.tsx src/core/primitive/RankArtwork/index.spec.tsx src/core/composite/EmptyNotice/index.spec.tsx src/core/branch/Tabs/index.spec.tsx src/core/branch/Subnav/index.spec.tsx src/core/branch/Tooltip/index.spec.tsx src/core/composition/NavigationFeatureNav/index.spec.tsx src/core/composition/NavigationFeatureNav/styles.spec.ts src/core/composition/Sidebar/index.spec.tsx src/core/composition/Sidebar/styles.spec.ts src/core/composition/collapse.spec.tsx src/core/composition/WorkspaceShell/index.spec.tsx src/core/composition/ChatWorkspace/index.spec.tsx src/heritage/index.spec.tsx src/heritage/styles.spec.ts src/offset-pop/index.spec.tsx src/offset-pop/render.spec.tsx src/offset-pop/styles.spec.ts",
|
|
59
59
|
"prepack": "npm run typecheck && npm test"
|
|
60
60
|
},
|
|
61
61
|
"engines": {
|