@hjmds/design-contracts 1.34.0 → 1.35.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/anchor.d.ts +4 -1
- package/dist/anchor.d.ts.map +1 -1
- package/dist/anchor.js +3 -3
- package/dist/anchor.js.map +1 -1
- package/dist/base-recipes.d.ts +15 -1
- package/dist/base-recipes.d.ts.map +1 -1
- package/dist/base-recipes.js +14 -3
- package/dist/base-recipes.js.map +1 -1
- package/dist/behaviors.d.ts +22 -0
- package/dist/behaviors.d.ts.map +1 -1
- package/dist/behaviors.js +2 -0
- package/dist/behaviors.js.map +1 -1
- package/dist/calendar.d.ts +9 -7
- package/dist/calendar.d.ts.map +1 -1
- package/dist/calendar.js +31 -2
- package/dist/calendar.js.map +1 -1
- package/dist/card.d.ts +15 -1
- package/dist/card.d.ts.map +1 -1
- package/dist/card.js +14 -1
- package/dist/card.js.map +1 -1
- package/dist/carousel.d.ts +3 -0
- package/dist/carousel.d.ts.map +1 -1
- package/dist/carousel.js +10 -1
- package/dist/carousel.js.map +1 -1
- package/dist/catalog.d.ts +147 -17
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +9 -6
- package/dist/catalog.js.map +1 -1
- package/dist/colors.d.ts +1 -0
- package/dist/colors.d.ts.map +1 -1
- package/dist/colors.js +2 -0
- package/dist/colors.js.map +1 -1
- package/dist/component-recipes.d.ts +45 -11
- package/dist/component-recipes.d.ts.map +1 -1
- package/dist/component-recipes.js +35 -15
- package/dist/component-recipes.js.map +1 -1
- package/dist/component-references.d.ts +2 -2
- package/dist/component-references.js +1 -1
- package/dist/component-references.js.map +1 -1
- package/dist/design-profile.d.ts +14 -0
- package/dist/design-profile.d.ts.map +1 -1
- package/dist/design-profile.js +15 -0
- package/dist/design-profile.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/progress-recipe.d.ts +6 -0
- package/dist/progress-recipe.d.ts.map +1 -1
- package/dist/progress-recipe.js +15 -2
- package/dist/progress-recipe.js.map +1 -1
- package/dist/recipes.d.ts +2 -2
- package/dist/recipes.d.ts.map +1 -1
- package/dist/recipes.js +2 -2
- package/dist/recipes.js.map +1 -1
- package/dist/screen-patterns.d.ts +32 -2
- package/dist/screen-patterns.d.ts.map +1 -1
- package/dist/screen-patterns.js +26 -2
- package/dist/screen-patterns.js.map +1 -1
- package/dist/semantic-colors.d.ts +5 -0
- package/dist/semantic-colors.d.ts.map +1 -1
- package/dist/semantic-colors.js +2 -0
- package/dist/semantic-colors.js.map +1 -1
- package/dist/sheet.d.ts +15 -0
- package/dist/sheet.d.ts.map +1 -1
- package/dist/sheet.js +11 -0
- package/dist/sheet.js.map +1 -1
- package/dist/shortcut-rail.d.ts +20 -0
- package/dist/shortcut-rail.d.ts.map +1 -0
- package/dist/shortcut-rail.js +28 -0
- package/dist/shortcut-rail.js.map +1 -0
- package/dist/showcase.js +2 -2
- package/dist/showcase.js.map +1 -1
- package/dist/steps.d.ts +6 -4
- package/dist/steps.d.ts.map +1 -1
- package/dist/steps.js +3 -0
- package/dist/steps.js.map +1 -1
- package/dist/time-picker.d.ts +70 -0
- package/dist/time-picker.d.ts.map +1 -0
- package/dist/time-picker.js +51 -0
- package/dist/time-picker.js.map +1 -0
- package/dist/timeline.d.ts +13 -1
- package/dist/timeline.d.ts.map +1 -1
- package/dist/timeline.js +11 -1
- package/dist/timeline.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/docs/calendar.md +19 -1
- package/docs/carousel.md +10 -0
- package/docs/collapsible.md +9 -0
- package/docs/consumer-policy.md +8 -12
- package/docs/design-profile.md +9 -0
- package/docs/expansion-roadmap.md +1 -1
- package/docs/generated/component-maturity.md +5 -4
- package/docs/generated/renderer-evidence.json +141 -16
- package/docs/generated/renderer-evidence.md +5 -3
- package/docs/generated/showcase-manifest.json +69 -7
- package/docs/optional-adapters.md +11 -0
- package/docs/stable-core.md +25 -0
- package/docs/steps.md +4 -0
- package/docs/theme-palette.md +2 -0
- package/docs/time-picker.md +22 -114
- package/docs/usage/README.md +9 -7
- package/docs/usage/SELECTION.md +44 -2
- package/docs/usage/components/accordion.md +4 -2
- package/docs/usage/components/alert-dialog.md +5 -0
- package/docs/usage/components/anchor.md +4 -1
- package/docs/usage/components/badge.md +7 -4
- package/docs/usage/components/bottom-cta.md +29 -4
- package/docs/usage/components/bottom-navigation.md +8 -0
- package/docs/usage/components/button.md +42 -2
- package/docs/usage/components/calendar.md +8 -1
- package/docs/usage/components/card.md +111 -7
- package/docs/usage/components/carousel.md +4 -1
- package/docs/usage/components/chat-screen.md +1 -1
- package/docs/usage/components/checkbox-group.md +33 -3
- package/docs/usage/components/checkbox.md +8 -2
- package/docs/usage/components/chip.md +5 -0
- package/docs/usage/components/collapsible.md +16 -1
- package/docs/usage/components/comment-thread-screen.md +12 -3
- package/docs/usage/components/composition-layout.md +6 -1
- package/docs/usage/components/conversation-row.md +2 -1
- package/docs/usage/components/data-table.md +10 -0
- package/docs/usage/components/description-list.md +1 -0
- package/docs/usage/components/field.md +8 -0
- package/docs/usage/components/icon-tile.md +29 -10
- package/docs/usage/components/image-choice-group.md +6 -0
- package/docs/usage/components/image.md +8 -1
- package/docs/usage/components/list-detail-screen.md +10 -4
- package/docs/usage/components/list-row.md +3 -0
- package/docs/usage/components/list.md +33 -1
- package/docs/usage/components/message-composer.md +2 -0
- package/docs/usage/components/notice.md +5 -1
- package/docs/usage/components/notification-row.md +19 -9
- package/docs/usage/components/onboarding-screen.md +3 -0
- package/docs/usage/components/page-indicator.md +12 -0
- package/docs/usage/components/profile-summary.md +16 -3
- package/docs/usage/components/progress.md +24 -0
- package/docs/usage/components/radio-group.md +45 -3
- package/docs/usage/components/radio.md +8 -2
- package/docs/usage/components/repeatable-field-group.md +1 -0
- package/docs/usage/components/screen-layout.md +46 -3
- package/docs/usage/components/search-screen.md +29 -1
- package/docs/usage/components/segmented-control.md +19 -3
- package/docs/usage/components/select.md +2 -0
- package/docs/usage/components/sheet.md +56 -3
- package/docs/usage/components/spinner.md +10 -0
- package/docs/usage/components/statistic.md +23 -0
- package/docs/usage/components/steps.md +11 -4
- package/docs/usage/components/switch.md +5 -0
- package/docs/usage/components/tabs.md +4 -0
- package/docs/usage/components/time-picker.md +88 -0
- package/docs/usage/components/timeline.md +19 -6
- package/docs/usage/components/top-bar.md +7 -0
- package/docs/usage/compositions/shortcut-rail.md +99 -0
- package/docs/usage/compositions/time-selection.md +5 -0
- package/package.json +17 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { control, spacing, type FontWeightValue, type TextVariant } from "./foundations.js";
|
|
2
2
|
export { iconButtonEdges, iconButtonRecipe, resolveIconButtonEdgeOverhang, resolveIconButtonPresentation, type IconButtonEdge, type IconButtonShape, type IconButtonSize, type IconButtonTone, type ResolvedIconButtonPresentation, } from "./icon-button-recipe.js";
|
|
3
3
|
export { counterBadgeDefaults, counterBadgeRecipe, formatCounterBadgeCount, type CounterBadgeSize, type CounterBadgeTone, type CounterBadgeVariant, } from "./counter-badge-recipe.js";
|
|
4
|
-
export { progressRecipe, type ProgressShape, type ProgressSize, type ProgressTone, } from "./progress-recipe.js";
|
|
4
|
+
export { progressRecipe, resolveProgressSegments, type ProgressShape, type ProgressSize, type ProgressTone, } from "./progress-recipe.js";
|
|
5
5
|
export type { BottomNavigationDensity, BottomNavigationDistribution, BottomNavigationPresentation, } from "./bottom-navigation-defaults.js";
|
|
6
6
|
export type TextTone = "primary" | "body" | "muted" | "subtle" | "weak" | "brand" | "danger" | "inverse";
|
|
7
7
|
export type TextEmphasis = "regular" | "medium" | "strong";
|
|
@@ -236,7 +236,7 @@ export declare const linkRecipe: {
|
|
|
236
236
|
};
|
|
237
237
|
};
|
|
238
238
|
export declare const selectionGroupRecipe: {
|
|
239
|
-
readonly slots: readonly ["root", "label", "requiredIndicator", "description", "items", "error"];
|
|
239
|
+
readonly slots: readonly ["root", "label", "requiredIndicator", "description", "items", "itemLabel", "itemAction", "error"];
|
|
240
240
|
readonly defaults: {
|
|
241
241
|
readonly orientation: "vertical";
|
|
242
242
|
readonly presentation: "card";
|
|
@@ -248,6 +248,7 @@ export declare const selectionGroupRecipe: {
|
|
|
248
248
|
readonly plain: 4;
|
|
249
249
|
readonly card: 8;
|
|
250
250
|
readonly grouped: 0;
|
|
251
|
+
readonly chips: 8;
|
|
251
252
|
};
|
|
252
253
|
};
|
|
253
254
|
readonly horizontal: {
|
|
@@ -256,6 +257,7 @@ export declare const selectionGroupRecipe: {
|
|
|
256
257
|
readonly plain: 12;
|
|
257
258
|
readonly card: 16;
|
|
258
259
|
readonly grouped: 0;
|
|
260
|
+
readonly chips: 8;
|
|
259
261
|
};
|
|
260
262
|
};
|
|
261
263
|
};
|
|
@@ -311,6 +313,10 @@ export type BadgeTone = "neutral"
|
|
|
311
313
|
| "strong" | "brand" | "info" | "success" | "warning" | "attention" | "danger";
|
|
312
314
|
export type BadgeSize = "small" | "medium";
|
|
313
315
|
export type BadgeVariant = "filled" | "outline";
|
|
316
|
+
export type BadgeAdornmentContext = Readonly<{
|
|
317
|
+
color: string;
|
|
318
|
+
size: number;
|
|
319
|
+
}>;
|
|
314
320
|
export declare const badgeRecipe: {
|
|
315
321
|
readonly slots: readonly ["root", "icon", "label", "trailing"];
|
|
316
322
|
readonly defaults: {
|
|
@@ -336,7 +342,7 @@ export declare const badgeRecipe: {
|
|
|
336
342
|
readonly neutral: {
|
|
337
343
|
readonly content: Readonly<{
|
|
338
344
|
source: "theme";
|
|
339
|
-
key: "
|
|
345
|
+
key: "onStatusFill";
|
|
340
346
|
alpha?: number;
|
|
341
347
|
}>;
|
|
342
348
|
readonly outlineContent: Readonly<{
|
|
@@ -354,7 +360,7 @@ export declare const badgeRecipe: {
|
|
|
354
360
|
readonly strong: {
|
|
355
361
|
readonly content: Readonly<{
|
|
356
362
|
source: "theme";
|
|
357
|
-
key: "
|
|
363
|
+
key: "onStatusFill";
|
|
358
364
|
alpha?: number;
|
|
359
365
|
}>;
|
|
360
366
|
readonly outlineContent: Readonly<{
|
|
@@ -390,7 +396,7 @@ export declare const badgeRecipe: {
|
|
|
390
396
|
readonly info: {
|
|
391
397
|
readonly content: Readonly<{
|
|
392
398
|
source: "theme";
|
|
393
|
-
key: "
|
|
399
|
+
key: "onStatusFill";
|
|
394
400
|
alpha?: number;
|
|
395
401
|
}>;
|
|
396
402
|
readonly outlineContent: Readonly<{
|
|
@@ -412,7 +418,7 @@ export declare const badgeRecipe: {
|
|
|
412
418
|
readonly success: {
|
|
413
419
|
readonly content: Readonly<{
|
|
414
420
|
source: "theme";
|
|
415
|
-
key: "
|
|
421
|
+
key: "onStatusFill";
|
|
416
422
|
alpha?: number;
|
|
417
423
|
}>;
|
|
418
424
|
readonly outlineContent: Readonly<{
|
|
@@ -434,7 +440,7 @@ export declare const badgeRecipe: {
|
|
|
434
440
|
readonly warning: {
|
|
435
441
|
readonly content: Readonly<{
|
|
436
442
|
source: "theme";
|
|
437
|
-
key: "
|
|
443
|
+
key: "onStatusFill";
|
|
438
444
|
alpha?: number;
|
|
439
445
|
}>;
|
|
440
446
|
readonly outlineContent: Readonly<{
|
|
@@ -456,7 +462,7 @@ export declare const badgeRecipe: {
|
|
|
456
462
|
readonly attention: {
|
|
457
463
|
readonly content: Readonly<{
|
|
458
464
|
source: "theme";
|
|
459
|
-
key: "
|
|
465
|
+
key: "onStatusFill";
|
|
460
466
|
alpha?: number;
|
|
461
467
|
}>;
|
|
462
468
|
readonly outlineContent: Readonly<{
|
|
@@ -503,12 +509,14 @@ export declare const badgeRecipe: {
|
|
|
503
509
|
readonly minHeight: 20;
|
|
504
510
|
readonly paddingHorizontal: 8;
|
|
505
511
|
readonly gap: 4;
|
|
512
|
+
readonly iconSize: 14;
|
|
506
513
|
readonly textVariant: "caption";
|
|
507
514
|
};
|
|
508
515
|
readonly medium: {
|
|
509
516
|
readonly minHeight: 24;
|
|
510
517
|
readonly paddingHorizontal: 8;
|
|
511
518
|
readonly gap: 4;
|
|
519
|
+
readonly iconSize: 14;
|
|
512
520
|
readonly textVariant: "caption";
|
|
513
521
|
};
|
|
514
522
|
};
|
|
@@ -735,6 +743,11 @@ export declare const listRecipe: {
|
|
|
735
743
|
*/
|
|
736
744
|
readonly separators: {
|
|
737
745
|
readonly none: null;
|
|
746
|
+
readonly content: {
|
|
747
|
+
readonly insetStart: 0;
|
|
748
|
+
readonly leadingInsetStart: 0;
|
|
749
|
+
readonly insetEnd: 0;
|
|
750
|
+
};
|
|
738
751
|
readonly full: {
|
|
739
752
|
readonly insetStart: number;
|
|
740
753
|
readonly leadingInsetStart: number;
|
|
@@ -1875,7 +1888,7 @@ export declare const segmentedControlRecipe: {
|
|
|
1875
1888
|
readonly pills: {
|
|
1876
1889
|
readonly gap: 8;
|
|
1877
1890
|
readonly radius: 999;
|
|
1878
|
-
readonly inset:
|
|
1891
|
+
readonly inset: 4;
|
|
1879
1892
|
readonly minHeight: 44;
|
|
1880
1893
|
readonly selectedBackground: Readonly<{
|
|
1881
1894
|
source: "theme";
|
|
@@ -2118,6 +2131,22 @@ export declare const selectionControlRecipe: {
|
|
|
2118
2131
|
};
|
|
2119
2132
|
readonly indicatorBorderWidth: 2;
|
|
2120
2133
|
readonly presentations: {
|
|
2134
|
+
readonly chips: {
|
|
2135
|
+
readonly background: Readonly<{
|
|
2136
|
+
source: "theme";
|
|
2137
|
+
key: "bg";
|
|
2138
|
+
alpha?: number;
|
|
2139
|
+
}>;
|
|
2140
|
+
readonly border: Readonly<{
|
|
2141
|
+
source: "theme";
|
|
2142
|
+
key: "border";
|
|
2143
|
+
alpha?: number;
|
|
2144
|
+
}>;
|
|
2145
|
+
readonly borderWidth: 1;
|
|
2146
|
+
readonly radius: "full";
|
|
2147
|
+
readonly useSizePadding: true;
|
|
2148
|
+
readonly labelColor: null;
|
|
2149
|
+
};
|
|
2121
2150
|
readonly plain: {
|
|
2122
2151
|
readonly background: null;
|
|
2123
2152
|
readonly border: null;
|
|
@@ -3149,6 +3178,11 @@ export declare const statisticRecipe: {
|
|
|
3149
3178
|
readonly group: {
|
|
3150
3179
|
readonly gap: 8;
|
|
3151
3180
|
readonly minItemWidth: 120;
|
|
3181
|
+
readonly bar: {
|
|
3182
|
+
readonly cellPadding: 8;
|
|
3183
|
+
readonly valueGap: 4;
|
|
3184
|
+
readonly iconSize: 20;
|
|
3185
|
+
};
|
|
3152
3186
|
readonly columns: readonly [1, 2, 3, 4];
|
|
3153
3187
|
};
|
|
3154
3188
|
readonly label: {
|
|
@@ -4031,11 +4065,11 @@ export declare const topBarRecipe: {
|
|
|
4031
4065
|
export declare const bottomCtaRecipe: {
|
|
4032
4066
|
readonly slots: readonly ["root", "description", "secondaryAction", "primaryAction"];
|
|
4033
4067
|
readonly minHeight: 64;
|
|
4034
|
-
readonly paddingHorizontal:
|
|
4068
|
+
readonly paddingHorizontal: 16;
|
|
4035
4069
|
readonly paddingTop: 12;
|
|
4036
4070
|
readonly paddingBottom: 12;
|
|
4037
4071
|
readonly gap: 12;
|
|
4038
|
-
readonly contentMaxWidth:
|
|
4072
|
+
readonly contentMaxWidth: number;
|
|
4039
4073
|
readonly background: Readonly<{
|
|
4040
4074
|
source: "theme";
|
|
4041
4075
|
key: "bg";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component-recipes.d.ts","sourceRoot":"","sources":["../src/component-recipes.ts"],"names":[],"mappings":"AAQA,OAAO,EAGL,OAAO,EAUP,OAAO,EAGP,KAAK,eAAe,EAEpB,KAAK,WAAW,EACjB,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,6BAA6B,EAC7B,6BAA6B,EAC7B,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,8BAA8B,GACpC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,GACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,cAAc,EACd,KAAK,aAAa,EAClB,KAAK,YAAY,EACjB,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,uBAAuB,EACvB,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,iCAAiC,CAAC;AAEzC,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsBrB;;;;OAIG;;CAYJ,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC;IAAE,UAAU,EAAE,eAAe,CAAA;CAAE,CAAC,CAAC,CAAC,EAC1F,mBAAmB,EAAE,OAAO,GAC3B,eAAe,GAAG,SAAS,CAI7B;AAED,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,WAAW,GACX,YAAY,GACZ,OAAO,GACP,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AACd,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CtB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC3C,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,OAAO,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAChE,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAElE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;AAElD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;QAenB,wDAAwD;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC3D,CAAC;AAEF,eAAO,MAAM,oBAAoB
|
|
1
|
+
{"version":3,"file":"component-recipes.d.ts","sourceRoot":"","sources":["../src/component-recipes.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { tooltipDescriptorDefaults } from "./tooltip.js";
|
|
|
7
7
|
import { bottomNavigationRecipeDefaults } from "./bottom-navigation-defaults.js";
|
|
8
8
|
export { iconButtonEdges, iconButtonRecipe, resolveIconButtonEdgeOverhang, resolveIconButtonPresentation, } from "./icon-button-recipe.js";
|
|
9
9
|
export { counterBadgeDefaults, counterBadgeRecipe, formatCounterBadgeCount, } from "./counter-badge-recipe.js";
|
|
10
|
-
export { progressRecipe, } from "./progress-recipe.js";
|
|
10
|
+
export { progressRecipe, resolveProgressSegments, } from "./progress-recipe.js";
|
|
11
11
|
export const textRecipe = {
|
|
12
12
|
slots: ["root"],
|
|
13
13
|
defaults: { variant: "body", tone: "primary", emphasis: "regular" },
|
|
@@ -114,7 +114,7 @@ export const linkRecipe = {
|
|
|
114
114
|
},
|
|
115
115
|
};
|
|
116
116
|
export const selectionGroupRecipe = {
|
|
117
|
-
slots: ["root", "label", "requiredIndicator", "description", "items", "error"],
|
|
117
|
+
slots: ["root", "label", "requiredIndicator", "description", "items", "itemLabel", "itemAction", "error"],
|
|
118
118
|
defaults: { orientation: "vertical", presentation: "card" },
|
|
119
119
|
orientations: {
|
|
120
120
|
vertical: {
|
|
@@ -123,11 +123,11 @@ export const selectionGroupRecipe = {
|
|
|
123
123
|
// the only outer radius and the rows share edges instead of floating
|
|
124
124
|
// apart with their own gap — the same shape as `selectionControlRecipe`'s
|
|
125
125
|
// `grouped` presentation, which this gap pairs with.
|
|
126
|
-
gap: { plain: spacing.xxs, card: spacing.xs, grouped: 0 },
|
|
126
|
+
gap: { plain: spacing.xxs, card: spacing.xs, grouped: 0, chips: spacing.xs },
|
|
127
127
|
},
|
|
128
128
|
horizontal: {
|
|
129
129
|
direction: "row",
|
|
130
|
-
gap: { plain: spacing.sm, card: spacing.md, grouped: 0 },
|
|
130
|
+
gap: { plain: spacing.sm, card: spacing.md, grouped: 0, chips: spacing.xs },
|
|
131
131
|
},
|
|
132
132
|
},
|
|
133
133
|
label: formSupportContract.label,
|
|
@@ -153,13 +153,13 @@ export const badgeRecipe = {
|
|
|
153
153
|
// 2026-10-18: match the Today Baseball status plate reference: solid fill,
|
|
154
154
|
// white copy and compact rounded corners. Outline retains its tone-colored copy.
|
|
155
155
|
tones: {
|
|
156
|
-
neutral: { content: semanticColors.content.
|
|
157
|
-
strong: { content: semanticColors.content.
|
|
156
|
+
neutral: { content: semanticColors.content.statusInverse, outlineContent: semanticColors.content.secondary, background: themeColor("neutralFill"), border: null },
|
|
157
|
+
strong: { content: semanticColors.content.statusInverse, outlineContent: semanticColors.content.primary, background: themeColor("strongFill"), border: null },
|
|
158
158
|
brand: { content: semanticColors.content.inverse, outlineContent: semanticColors.content.brand, background: semanticColors.action.brand.background, border: null },
|
|
159
|
-
info: { content: semanticColors.content.
|
|
160
|
-
success: { content: semanticColors.content.
|
|
161
|
-
warning: { content: semanticColors.content.
|
|
162
|
-
attention: { content: semanticColors.content.
|
|
159
|
+
info: { content: semanticColors.content.statusInverse, outlineContent: semanticColors.feedback.info.foreground, background: solidAccentColor("info"), border: semanticColors.feedback.info.border },
|
|
160
|
+
success: { content: semanticColors.content.statusInverse, outlineContent: semanticColors.feedback.success.foreground, background: solidAccentColor("success"), border: semanticColors.feedback.success.border },
|
|
161
|
+
warning: { content: semanticColors.content.statusInverse, outlineContent: semanticColors.feedback.warning.foreground, background: solidAccentColor("warning"), border: semanticColors.feedback.warning.border },
|
|
162
|
+
attention: { content: semanticColors.content.statusInverse, outlineContent: semanticColors.feedback.attention.foreground, background: solidAccentColor("attention"), border: semanticColors.feedback.attention.border },
|
|
163
163
|
danger: { content: semanticColors.action.danger.content, outlineContent: semanticColors.content.danger, background: semanticColors.action.danger.background, border: semanticColors.feedback.danger.border },
|
|
164
164
|
},
|
|
165
165
|
sizes: {
|
|
@@ -167,12 +167,14 @@ export const badgeRecipe = {
|
|
|
167
167
|
minHeight: 20,
|
|
168
168
|
paddingHorizontal: spacing.xs,
|
|
169
169
|
gap: spacing.xxs,
|
|
170
|
+
iconSize: glyph.xs,
|
|
170
171
|
textVariant: "caption",
|
|
171
172
|
},
|
|
172
173
|
medium: {
|
|
173
174
|
minHeight: 24,
|
|
174
175
|
paddingHorizontal: spacing.xs,
|
|
175
176
|
gap: spacing.xxs,
|
|
177
|
+
iconSize: glyph.xs,
|
|
176
178
|
textVariant: "caption",
|
|
177
179
|
},
|
|
178
180
|
},
|
|
@@ -323,6 +325,8 @@ export const listRecipe = {
|
|
|
323
325
|
*/
|
|
324
326
|
separators: {
|
|
325
327
|
none: null,
|
|
328
|
+
// Controls and router-owned rows already contain their own padding; their separators stay on the content edge.
|
|
329
|
+
content: { insetStart: 0, leadingInsetStart: 0, insetEnd: 0 },
|
|
326
330
|
full: { insetStart: -listRowSurfaceBleed, leadingInsetStart: -listRowSurfaceBleed, insetEnd: -listRowSurfaceBleed },
|
|
327
331
|
indented: { insetStart: 0, leadingInsetStart: listRowLeadingSize + listRowGap, insetEnd: 0 },
|
|
328
332
|
},
|
|
@@ -628,7 +632,9 @@ export const segmentedControlRecipe = {
|
|
|
628
632
|
defaults: { size: "medium" },
|
|
629
633
|
// Category filters share the single-selection engine, with a compact surface inside a 44 target.
|
|
630
634
|
// See usage/components/segmented-control.md; no separate filter-selection state is introduced.
|
|
631
|
-
|
|
635
|
+
// Match Chip's visible size step in mixed filter rails; the inset keeps a separate 44pt touch box.
|
|
636
|
+
// The old 8pt inset drew 28pt pills next to a 36pt small action chip (Utilverse, 2026-10-20).
|
|
637
|
+
pills: { gap: spacing.xs, radius: radius.full, inset: spacing.xxs, minHeight: control.minTouchTarget,
|
|
632
638
|
selectedBackground: semanticColors.content.body, selectedContent: semanticColors.canvas,
|
|
633
639
|
/**
|
|
634
640
|
* Pills are content-width, so large text keeps the row: it wraps inside a block and stays one line
|
|
@@ -804,6 +810,16 @@ export const selectionControlRecipe = {
|
|
|
804
810
|
// Web drew 2px and Native 1px; Agreement and TransferList now reuse this indicator, so the width is one value.
|
|
805
811
|
indicatorBorderWidth: stroke.strong,
|
|
806
812
|
presentations: {
|
|
813
|
+
// Nullable and multi-select chip collections keep the existing radio/checkbox engines;
|
|
814
|
+
// SegmentedControl deliberately always selects one value, so it cannot represent them.
|
|
815
|
+
chips: {
|
|
816
|
+
background: chipRecipe.states.idle.background,
|
|
817
|
+
border: chipRecipe.states.idle.border,
|
|
818
|
+
borderWidth: chipRecipe.borderWidth,
|
|
819
|
+
radius: chipRecipe.radius,
|
|
820
|
+
useSizePadding: true,
|
|
821
|
+
labelColor: null,
|
|
822
|
+
},
|
|
807
823
|
plain: {
|
|
808
824
|
background: null,
|
|
809
825
|
border: null,
|
|
@@ -1337,6 +1353,8 @@ export const statisticRecipe = {
|
|
|
1337
1353
|
group: {
|
|
1338
1354
|
gap: spacing.xs,
|
|
1339
1355
|
minItemWidth: 120,
|
|
1356
|
+
// Read-only social/count bars retain one row, with the value before its label.
|
|
1357
|
+
bar: { cellPadding: spacing.xs, valueGap: spacing.xxs, iconSize: glyph.sm },
|
|
1340
1358
|
columns: [1, 2, 3, 4],
|
|
1341
1359
|
},
|
|
1342
1360
|
label: {
|
|
@@ -1770,13 +1788,15 @@ export const topBarRecipe = {
|
|
|
1770
1788
|
export const bottomCtaRecipe = {
|
|
1771
1789
|
slots: ["root", "description", "secondaryAction", "primaryAction"],
|
|
1772
1790
|
minHeight: 64,
|
|
1773
|
-
|
|
1791
|
+
// A standalone bar shares ScreenLayout's 16pt content edges. The general 20pt page gutter
|
|
1792
|
+
// narrowed the pinned action below the search field (Unairplane simulator review, 2026-10-20).
|
|
1793
|
+
paddingHorizontal: spacing.md,
|
|
1774
1794
|
paddingTop: spacing.sm,
|
|
1775
1795
|
paddingBottom: spacing.sm,
|
|
1776
1796
|
gap: spacing.sm,
|
|
1777
|
-
//
|
|
1778
|
-
// width
|
|
1779
|
-
contentMaxWidth: layout.readingMaxWidth,
|
|
1797
|
+
// ScreenLayout's reading width includes its two body gutters. Subtract them here because this
|
|
1798
|
+
// max width measures the actions themselves; otherwise tablet buttons extend 16pt beyond each body edge.
|
|
1799
|
+
contentMaxWidth: layout.readingMaxWidth - spacing.md * 2,
|
|
1780
1800
|
// A footer painted in the canvas tone left only a 1pt hairline between it
|
|
1781
1801
|
// and the content scrolling underneath — a product author found that the
|
|
1782
1802
|
// line cut a glyph in half at whatever scroll position the reader stopped
|