@hjmds/design-contracts 1.31.0 → 1.32.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/behaviors.d.ts +2 -0
- package/dist/behaviors.d.ts.map +1 -1
- package/dist/bottom-navigation.d.ts +19 -0
- package/dist/bottom-navigation.d.ts.map +1 -1
- package/dist/bottom-navigation.js +21 -0
- package/dist/bottom-navigation.js.map +1 -1
- package/dist/catalog.d.ts +37 -0
- package/dist/catalog.d.ts.map +1 -1
- package/dist/catalog.js +2 -1
- package/dist/catalog.js.map +1 -1
- package/dist/component-recipes.d.ts +39 -0
- package/dist/component-recipes.d.ts.map +1 -1
- package/dist/component-recipes.js +27 -1
- package/dist/component-recipes.js.map +1 -1
- package/dist/image-choice.d.ts +40 -0
- package/dist/image-choice.d.ts.map +1 -1
- package/dist/image-choice.js +49 -0
- package/dist/image-choice.js.map +1 -1
- package/dist/pagination.d.ts +53 -0
- package/dist/pagination.d.ts.map +1 -1
- package/dist/pagination.js +48 -0
- package/dist/pagination.js.map +1 -1
- package/dist/screen-patterns.d.ts +52 -2
- package/dist/screen-patterns.d.ts.map +1 -1
- package/dist/screen-patterns.js +34 -1
- package/dist/screen-patterns.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/authoring-tools.md +1 -0
- package/docs/bottom-navigation.md +18 -0
- package/docs/data-workflows.md +1 -0
- package/docs/generated/component-maturity.md +1 -1
- package/docs/generated/renderer-evidence.json +7 -5
- package/docs/generated/renderer-evidence.md +1 -1
- package/docs/generated/showcase-manifest.json +4 -2
- package/docs/pagination.md +17 -0
- package/docs/screen-patterns.md +37 -1
- package/docs/toast.md +10 -0
- package/docs/usage/README.md +6 -6
- package/docs/usage/components/bottom-cta.md +11 -0
- package/docs/usage/components/bottom-navigation.md +36 -2
- package/docs/usage/components/chat-date-separator.md +3 -3
- package/docs/usage/components/chat-message.md +5 -2
- package/docs/usage/components/chat-screen.md +1 -1
- package/docs/usage/components/comment-thread-row.md +1 -1
- package/docs/usage/components/conversation-row.md +3 -3
- package/docs/usage/components/icon-tile.md +9 -2
- package/docs/usage/components/image-choice-group.md +33 -4
- package/docs/usage/components/media-selection-screen.md +5 -3
- package/docs/usage/components/moderation-screen.md +20 -1
- package/docs/usage/components/page-indicator.md +3 -3
- package/docs/usage/components/pagination.md +28 -4
- package/docs/usage/components/screen-layout.md +6 -3
- package/docs/usage/components/search-screen.md +5 -3
- package/docs/usage/components/toast.md +5 -0
- package/docs/usage/components/typing-indicator.md +3 -3
- package/docs/usage/screens/common-conversation-list.md +2 -2
- package/package.json +1 -1
|
@@ -970,6 +970,18 @@ export const bottomNavigationRecipe = {
|
|
|
970
970
|
large: control.minTouchTarget,
|
|
971
971
|
xlarge: control.buttonHeight.large,
|
|
972
972
|
},
|
|
973
|
+
/**
|
|
974
|
+
* Floating frames for `configuration.shape` (Utilverse home shells, 2026-10-18). `surfacePadding` is the inner
|
|
975
|
+
* gap between the frame and the destination row; the two tighter frames pair with `density: "compact"` for the
|
|
976
|
+
* desktop-shell docks. Radii are theme radius tokens, so a design profile's radius scale still applies.
|
|
977
|
+
* `standard` is absent on purpose: it keeps `presentations.floating`.
|
|
978
|
+
*/
|
|
979
|
+
shapes: {
|
|
980
|
+
rounded: { radius: "xl", surfacePadding: spacing.xs },
|
|
981
|
+
pill: { radius: "full", surfacePadding: spacing.xs },
|
|
982
|
+
compact: { radius: "lg", surfacePadding: spacing.xxs },
|
|
983
|
+
square: { radius: "sm", surfacePadding: spacing.xxs },
|
|
984
|
+
},
|
|
973
985
|
adaptive: {
|
|
974
986
|
web: "fixed-compact-viewport",
|
|
975
987
|
native: "navigator-tab-bar",
|
|
@@ -1069,6 +1081,15 @@ export const bottomNavigationRecipe = {
|
|
|
1069
1081
|
strokeWidth: { idle: stroke.strong, selected: 3 },
|
|
1070
1082
|
scale: { idle: 1, selected: 1.06 },
|
|
1071
1083
|
},
|
|
1084
|
+
/**
|
|
1085
|
+
* `configuration.iconEmphasis: "lift"` (Utilverse dock artwork, 2026-10-18): the selected icon rises one 4pt
|
|
1086
|
+
* step on top of the selected scale, and idle icons dim. Full-color artwork cannot take the selected tint, so
|
|
1087
|
+
* without the dim only the label would mark the current destination. 0.82 is the dock's measured idle opacity.
|
|
1088
|
+
*/
|
|
1089
|
+
liftEmphasis: {
|
|
1090
|
+
translateY: -spacing.xxs,
|
|
1091
|
+
idleOpacity: 0.82,
|
|
1092
|
+
},
|
|
1072
1093
|
},
|
|
1073
1094
|
label: {
|
|
1074
1095
|
fontWeight: fontWeight.medium,
|
|
@@ -1657,7 +1678,12 @@ export const toastRecipe = {
|
|
|
1657
1678
|
// the first line instead of centring on the whole block. Product media (44) start-aligns to the same top and
|
|
1658
1679
|
// is not the anchor: centring the title on the media pushed the description below the avatar.
|
|
1659
1680
|
anchor: { blockSize: toastBadgeDiameter },
|
|
1660
|
-
|
|
1681
|
+
/**
|
|
1682
|
+
* @deprecated Toast has no edge stripe: the tinted icon badge (or product media) carries tone. Retired in 1.10.0
|
|
1683
|
+
* (width 0); since 1.32.0 neither renderer draws an element for it, so there is nothing for a product to hide
|
|
1684
|
+
* (2026-10-18 BurnTok still hid a strip that no longer existed). Kept only so the published recipe shape stays
|
|
1685
|
+
* compatible; remove in the next major.
|
|
1686
|
+
*/
|
|
1661
1687
|
toneMark: { width: 0, radius: "full" },
|
|
1662
1688
|
icon: { glyph: "sm", badgeDiameter: toastBadgeDiameter, badgeRadius: "full" },
|
|
1663
1689
|
// A product media (mascot, avatar) replaces the tone badge in the same leading column. 44 keeps a
|