@kaizen/components 3.3.5 → 3.3.7

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.
Files changed (14) hide show
  1. package/dist/cjs/src/TitleBlock/TitleBlock.cjs +20 -18
  2. package/dist/cjs/src/TitleBlock/TitleBlock.module.scss.cjs +54 -53
  3. package/dist/esm/src/TitleBlock/TitleBlock.mjs +20 -18
  4. package/dist/esm/src/TitleBlock/TitleBlock.module.scss.mjs +54 -53
  5. package/dist/styles.css +16 -16
  6. package/dist/types/TitleBlock/TitleBlock.d.ts +1 -1
  7. package/dist/types/TitleBlock/types.d.ts +11 -0
  8. package/package.json +12 -12
  9. package/src/TitleBlock/TitleBlock.module.scss +42 -0
  10. package/src/TitleBlock/TitleBlock.tsx +2 -0
  11. package/src/TitleBlock/_docs/TitleBlock--sticky-banner-guidelines.mdx +192 -0
  12. package/src/TitleBlock/_docs/TitleBlock.stories.tsx +240 -0
  13. package/src/TitleBlock/_docs/stickyBanner.module.css +44 -0
  14. package/src/TitleBlock/types.ts +11 -0
package/src/TitleBlock/types.ts CHANGED
@@ -32,6 +32,17 @@ export type TitleBlockProps = {
32
32
  secondaryOverflowMenuItems?: TitleBlockMenuItemProps[]
33
33
  navigationTabs?: NavigationTabs
34
34
  collapseNavigationAreaWhenPossible?: boolean
35
+ /**
36
+ * Makes the top strip stick to the top of its scrollable container as the
37
+ * content scrolls. The TitleBlock must be rendered inside a scrollable
38
+ * ancestor. When enabled the root becomes `display: contents` so the strip
39
+ * pins as a sibling of the scrolling content; its offset is
40
+ * `--app-chrome-sticky-offset` (owned by AppChrome, read-only) plus the
41
+ * opt-in `--titleblock-sticky-offset` a consumer sets to reserve space for a
42
+ * banner above it. Below 1080px the app-chrome offset is dropped to match the
43
+ * collapsed hamburger nav.
44
+ */
45
+ sticky?: boolean
35
46
  textDirection?: TextDirection
36
47
  surveyStatus?: SurveyStatus
37
48
  id?: string