@primer/react 38.0.0-rc.2 → 38.0.0-rc.3

package/lib/PageHeader/PageHeader.module.css.js

@@ -1,7 +0,0 @@
-'use strict';
-
-require('./PageHeader-4e1d8fee.css');
-
-var classes = {"PageHeader":"prc-PageHeader-PageHeader-sT1Hp","ContextArea":"prc-PageHeader-ContextArea-6ykSJ","ParentLink":"prc-PageHeader-ParentLink-BvDS0","ContextBar":"prc-PageHeader-ContextBar-XQ8Q0","ContextAreaActions":"prc-PageHeader-ContextAreaActions-RTJRk","TitleArea":"prc-PageHeader-TitleArea-jxJZy","LeadingAction":"prc-PageHeader-LeadingAction-88LQ0","Breadcrumbs":"prc-PageHeader-Breadcrumbs-3c6ig","LeadingVisual":"prc-PageHeader-LeadingVisual-7zjCx","Title":"prc-PageHeader-Title-LKOsd","TrailingVisual":"prc-PageHeader-TrailingVisual-7Ft0D","TrailingAction":"prc-PageHeader-TrailingAction-QOaow","Actions":"prc-PageHeader-Actions-ygtmj","Description":"prc-PageHeader-Description-kFg8r","Navigation":"prc-PageHeader-Navigation-9Uvch"};
-
-module.exports = classes;

package/lib/PageHeader/index.d.ts

@@ -1,2 +0,0 @@
-export * from './PageHeader';
-//# sourceMappingURL=index.d.ts.map

package/lib/PageLayout/PageLayout-8a294e74.css

@@ -1,2 +0,0 @@
-body[data-page-layout-dragging=true]{cursor:col-resize}body[data-page-layout-dragging=true] *{-webkit-user-select:none;user-select:none}.prc-PageLayout-PageLayoutRoot-1zlEO{--region-order-header:0;--region-order-pane-start:1;--region-order-content:2;--region-order-pane-end:3;--region-order-footer:4;--spacing-none:0;--spacing-condensed:var(--base-size-16,1rem);--spacing-normal:var(--base-size-16,1rem)}@media screen and (min-width:1012px){.prc-PageLayout-PageLayoutRoot-1zlEO{--spacing-normal:var(--base-size-24,1.5rem)}}.prc-PageLayout-PageLayoutRoot-1zlEO{--pane-width-small:100%;--pane-width-medium:100%;--pane-width-large:100%;--pane-max-width-diff:511px}@media screen and (min-width:768px){.prc-PageLayout-PageLayoutRoot-1zlEO{--pane-width-small:240px;--pane-width-medium:256px;--pane-width-large:256px}}@media screen and (min-width:1012px){.prc-PageLayout-PageLayoutRoot-1zlEO{--pane-width-small:256px;--pane-width-medium:296px;--pane-width-large:320px}}@media screen and (min-width:1280px){.prc-PageLayout-PageLayoutRoot-1zlEO{--pane-max-width-diff:959px}}.prc-PageLayout-PageLayoutRoot-1zlEO{--spacing:0;--spacing-row:0;--spacing-column:0;--spacing-divider:0;--offset-header:0;--pane-width:0;--pane-min-width:0;--pane-max-width:0;--pane-width-custom:0;--pane-width-size:0;padding:var(--spacing)}.prc-PageLayout-PageLayoutWrapper-s2ao4{display:flex;flex-wrap:wrap;margin-left:auto;margin-right:auto}.prc-PageLayout-PageLayoutWrapper-s2ao4:where([data-width=medium]){max-width:768px}.prc-PageLayout-PageLayoutWrapper-s2ao4:where([data-width=large]){max-width:1012px}.prc-PageLayout-PageLayoutWrapper-s2ao4:where([data-width=full]){max-width:100%}.prc-PageLayout-PageLayoutWrapper-s2ao4:where([data-width=xlarge]){max-width:1280px}.prc-PageLayout-PageLayoutContent-jzDMn{display:flex;flex:1 1 100%;flex-wrap:wrap;max-width:100%}.prc-PageLayout-HorizontalDivider-CYLp5{margin-left:calc(var(--spacing-divider)*-1);margin-right:calc(var(--spacing-divider)*-1)}.prc-PageLayout-HorizontalDivider-CYLp5:where([data-variant=none]){display:none}.prc-PageLayout-HorizontalDivider-CYLp5:where([data-variant=line]){background-color:var(--borderColor-default,var(--color-border-default));display:block;height:1px}.prc-PageLayout-HorizontalDivider-CYLp5:where([data-variant=filled]){background-color:var(--bgColor-inset,var(--color-canvas-inset));box-shadow:inset 0 -1px 0 0 var(--borderColor-default,var(--color-border-default)),inset 0 1px 0 0 var(--borderColor-default,var(--color-border-default));display:block;height:var(--base-size-8,.5rem)}@media screen and (min-width:768px){.prc-PageLayout-HorizontalDivider-CYLp5{margin-left:0!important;margin-right:0!important}}.prc-PageLayout-VerticalDivider-4A4Qm{height:100%;position:relative}.prc-PageLayout-VerticalDivider-4A4Qm:where([data-variant=none]){display:none}.prc-PageLayout-VerticalDivider-4A4Qm:where([data-variant=line]){background-color:var(--borderColor-default,var(--color-border-default));display:block;width:1px}.prc-PageLayout-VerticalDivider-4A4Qm:where([data-variant=filled]){background-color:var(--bgColor-inset,var(--color-canvas-inset));box-shadow:inset -1px 0 0 0 var(--borderColor-default,var(--color-border-default)),inset 1px 0 0 0 var(--borderColor-default,var(--color-border-default));display:block;width:var(--base-size-8,.5rem)}.prc-PageLayout-Header-mQXK1{margin-bottom:var(--spacing);width:100%}.prc-PageLayout-HeaderContent-dVIQb{padding:var(--spacing)}.prc-PageLayout-HeaderHorizontalDivider-bofyb{margin-top:var(--spacing)}.prc-PageLayout-ContentWrapper-b-QRo{display:flex;flex-basis:0;flex-direction:column;flex-grow:1;flex-shrink:1;min-width:1px;order:var(--region-order-content)}.prc-PageLayout-ContentWrapper-b-QRo:where([data-is-hidden=true]){display:none}.prc-PageLayout-Content--F7-I{flex-grow:1;margin-left:auto;margin-right:auto;padding:var(--spacing);width:100%}.prc-PageLayout-Content--F7-I:where([data-width=medium]){max-width:768px}.prc-PageLayout-Content--F7-I:where([data-width=large]){max-width:1012px}.prc-PageLayout-Content--F7-I:where([data-width=full]){max-width:100%}.prc-PageLayout-Content--F7-I:where([data-width=xlarge]){max-width:1280px}.prc-PageLayout-PaneWrapper-nGO0U{display:flex;margin-left:0;margin-right:0;width:100%}.prc-PageLayout-PaneWrapper-nGO0U:where([data-is-hidden=true]){display:none}.prc-PageLayout-PaneWrapper-nGO0U:where([data-position=end]){flex-direction:column;margin-top:var(--spacing-row);order:var(--region-order-pane-end)}.prc-PageLayout-PaneWrapper-nGO0U:where([data-position=start]){flex-direction:column-reverse;margin-bottom:var(--spacing-row);order:var(--region-order-pane-start)}@media screen and (min-width:768px){.prc-PageLayout-PaneWrapper-nGO0U{margin-bottom:0!important;margin-top:0!important;width:auto}.prc-PageLayout-PaneWrapper-nGO0U:where([data-sticky]){max-height:100vh;position:sticky;top:var(--offset-header)}.prc-PageLayout-PaneWrapper-nGO0U:where([data-position=end]){flex-direction:row-reverse;margin-left:var(--spacing-column)}.prc-PageLayout-PaneWrapper-nGO0U:where([data-position=start]){flex-direction:row;margin-right:var(--spacing-column)}}.prc-PageLayout-PaneVerticalDivider-1c9vy:where([data-position=start]){margin-left:var(--spacing)}.prc-PageLayout-PaneVerticalDivider-1c9vy:where([data-position=end]){margin-right:var(--spacing)}.prc-PageLayout-Pane-Vl5LI{padding:var(--spacing);width:var(--pane-width-size)}@media screen and (min-width:768px){.prc-PageLayout-Pane-Vl5LI{overflow:auto}}.prc-PageLayout-Pane-Vl5LI:where([data-resizable]){width:100%}@media screen and (min-width:768px){.prc-PageLayout-Pane-Vl5LI:where([data-resizable]){width:clamp(var(--pane-min-width),var(--pane-width),var(--pane-max-width))}}.prc-PageLayout-PaneHorizontalDivider-4exOb:where([data-position=start]){margin-top:var(--spacing)}.prc-PageLayout-PaneHorizontalDivider-4exOb:where([data-position=end]){margin-bottom:var(--spacing)}.prc-PageLayout-FooterWrapper-WZwgZ{margin-top:var(--spacing);order:var(--region-order-footer);width:100%}.prc-PageLayout-FooterHorizontalDivider-sNLmj{margin-bottom:var(--spacing)}.prc-PageLayout-FooterContent-UFWGW{padding:var(--spacing)}
-/*# sourceMappingURL=PageLayout-8a294e74.css.map */

package/lib/PageLayout/PageLayout-8a294e74.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/PageLayout/PageLayout.module.css"],"names":[],"mappings":"AAEA,qCACE,iBACF,CAIA,uCACE,wBAAiB,CAAjB,gBACF,CAEA,qCAEE,uBAAwB,CACxB,2BAA4B,CAC5B,wBAAyB,CACzB,yBAA0B,CAC1B,uBAAwB,CAGxB,gBAAiB,CACjB,4CAAwC,CACxC,yCA0CF,CAxCE,qCAbF,qCAcI,2CAuCJ,CAtCE,CAfF,qCAkBE,uBAAwB,CACxB,wBAAyB,CACzB,uBAAwB,CACxB,2BAgCF,CA9BE,oCAvBF,qCAwBI,wBAAyB,CACzB,yBAA0B,CAC1B,wBA2BJ,CA1BE,CAEA,qCA7BF,qCA8BI,wBAAyB,CACzB,yBAA0B,CAC1B,wBAqBJ,CApBE,CAEA,qCAnCF,qCAoCI,2BAiBJ,CAhBE,CArCF,qCAwCE,WAAY,CACZ,eAAgB,CAChB,kBAAmB,CACnB,mBAAoB,CACpB,iBAAkB,CAClB,cAAe,CACf,kBAAmB,CACnB,kBAAmB,CACnB,qBAAsB,CACtB,mBAAoB,CAGpB,sBACF,CAEA,wCACE,YAAa,CAGb,cAAe,CADf,gBAAiB,CADjB,iBAmBF,CAfE,mEACE,eACF,CAEA,kEACE,gBACF,CAEA,iEACE,cACF,CAEA,mEACE,gBACF,CAGF,wCACE,YAAa,CACb,aAAc,CACd,cAAe,CACf,cACF,CAEA,wCAIE,2CAA8C,CAF9C,4CA6BF,CAzBE,mEACE,YACF,CAEA,mEAIE,uEAA4C,CAH5C,aAAc,CACd,UAGF,CAEA,qEAGE,+DAAsC,CACtC,yJAG4C,CAN5C,aAAc,CACd,+BAMF,CAEA,oCA3BF,wCA6BI,uBAAyB,CADzB,wBAGJ,CADE,CAGF,sCAEE,WAAY,CADZ,iBAuBF,CApBE,iEACE,YACF,CAEA,iEAIE,uEAA4C,CAH5C,aAAc,CACd,SAGF,CAEA,mEAGE,+DAAsC,CACtC,yJAG4C,CAN5C,aAAc,CACd,8BAMF,CAGF,6BAGE,4BAA6B,CAF7B,UAGF,CAEA,oCAEE,sBACF,CAEA,8CAEE,yBACF,CAEA,qCACE,YAAa,CAUb,YAAa,CANb,qBAAsB,CAOtB,WAAY,CACZ,aAAc,CATd,aAAc,CAEd,iCAYF,CAHE,kEACE,YACF,CAGF,8BAOE,WAAY,CADZ,gBAAiB,CADjB,iBAAkB,CADlB,sBAAuB,CAHvB,UAuBF,CAfE,yDACE,eACF,CAEA,wDACE,gBACF,CAEA,uDACE,cACF,CAEA,yDACE,gBACF,CAGF,kCACE,YAAa,CAGb,aAAc,CADd,cAAe,CADf,UA8CF,CA1CE,+DACE,YACF,CAEA,6DAGE,qBAAsB,CADtB,6BAA8B,CAE9B,kCACF,CAEA,+DAGE,6BAA8B,CAD9B,gCAAiC,CAEjC,oCACF,CAEA,oCAxBF,kCA2BI,yBAA2B,CAD3B,sBAAwB,CADxB,UAuBJ,CAnBI,uDAIE,gBAAiB,CAHjB,eAAgB,CAEhB,wBAEF,CAEA,6DAGE,0BAA2B,CAD3B,iCAEF,CAEA,+DAGE,kBAAmB,CADnB,kCAEF,CACF,CAIA,uEAEE,0BACF,CAEA,qEAEE,2BACF,CAGF,2BAGE,sBAAuB,CAFvB,4BAeF,CAXE,oCALF,2BAMI,aAUJ,CATE,CAEA,mDACE,UAKF,CAHE,oCAHF,mDAII,0EAEJ,CADE,CAKF,yEAEE,yBACF,CAEA,uEAEE,4BACF,CAGF,oCAKE,yBAA0B,CAH1B,gCAAiC,CADjC,UAKF,CAEA,8CAEE,4BACF,CAEA,oCAEE,sBACF","file":"PageLayout-8a294e74.css","sourcesContent":["/* Maintain resize cursor while dragging */\n/* stylelint-disable-next-line selector-no-qualifying-type */\nbody[data-page-layout-dragging='true'] {\n  cursor: col-resize;\n}\n\n/* Disable text selection while dragging */\n/* stylelint-disable-next-line selector-no-qualifying-type */\nbody[data-page-layout-dragging='true'] * {\n  user-select: none;\n}\n\n.PageLayoutRoot {\n  /* Region Order */\n  --region-order-header: 0;\n  --region-order-pane-start: 1;\n  --region-order-content: 2;\n  --region-order-pane-end: 3;\n  --region-order-footer: 4;\n\n  /* Spacing Values */\n  --spacing-none: 0;\n  --spacing-condensed: var(--base-size-16);\n  --spacing-normal: var(--base-size-16);\n\n  @media screen and (min-width: 1012px) {\n    --spacing-normal: var(--base-size-24);\n  }\n\n  /* Pane Width Values */\n  --pane-width-small: 100%;\n  --pane-width-medium: 100%;\n  --pane-width-large: 100%;\n  --pane-max-width-diff: 511px;\n\n  @media screen and (min-width: 768px) {\n    --pane-width-small: 240px;\n    --pane-width-medium: 256px;\n    --pane-width-large: 256px;\n  }\n\n  @media screen and (min-width: 1012px) {\n    --pane-width-small: 256px;\n    --pane-width-medium: 296px;\n    --pane-width-large: 320px;\n  }\n\n  @media screen and (min-width: 1280px) {\n    --pane-max-width-diff: 959px;\n  }\n\n  /* These following CSS variables are dynamic values that get overridden by styles passed in via props. */\n  --spacing: 0;\n  --spacing-row: 0;\n  --spacing-column: 0;\n  --spacing-divider: 0;\n  --offset-header: 0;\n  --pane-width: 0;\n  --pane-min-width: 0;\n  --pane-max-width: 0;\n  --pane-width-custom: 0;\n  --pane-width-size: 0;\n\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--spacing);\n}\n\n.PageLayoutWrapper {\n  display: flex;\n  margin-right: auto;\n  margin-left: auto;\n  flex-wrap: wrap;\n\n  &:where([data-width='medium']) {\n    max-width: 768px;\n  }\n\n  &:where([data-width='large']) {\n    max-width: 1012px;\n  }\n\n  &:where([data-width='full']) {\n    max-width: 100%;\n  }\n\n  &:where([data-width='xlarge']) {\n    max-width: 1280px;\n  }\n}\n\n.PageLayoutContent {\n  display: flex;\n  flex: 1 1 100%;\n  flex-wrap: wrap;\n  max-width: 100%;\n}\n\n.HorizontalDivider {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-right: calc(-1 * var(--spacing-divider));\n  /* stylelint-disable-next-line primer/spacing */\n  margin-left: calc(-1 * var(--spacing-divider));\n\n  &:where([data-variant='none']) {\n    display: none;\n  }\n\n  &:where([data-variant='line']) {\n    display: block;\n    height: 1px;\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--borderColor-default);\n  }\n\n  &:where([data-variant='filled']) {\n    display: block;\n    height: var(--base-size-8);\n    background-color: var(--bgColor-inset);\n    box-shadow:\n      /* stylelint-disable-next-line primer/box-shadow */\n      inset 0 -1px 0 0 var(--borderColor-default),\n      inset 0 1px 0 0 var(--borderColor-default);\n  }\n\n  @media screen and (min-width: 768px) {\n    margin-right: 0 !important;\n    margin-left: 0 !important;\n  }\n}\n\n.VerticalDivider {\n  position: relative;\n  height: 100%;\n\n  &:where([data-variant='none']) {\n    display: none;\n  }\n\n  &:where([data-variant='line']) {\n    display: block;\n    width: 1px;\n    /* stylelint-disable-next-line primer/colors */\n    background-color: var(--borderColor-default);\n  }\n\n  &:where([data-variant='filled']) {\n    display: block;\n    width: var(--base-size-8);\n    background-color: var(--bgColor-inset);\n    box-shadow:\n      /* stylelint-disable-next-line primer/box-shadow */\n      inset -1px 0 0 0 var(--borderColor-default),\n      inset 1px 0 0 0 var(--borderColor-default);\n  }\n}\n\n.Header {\n  width: 100%;\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: var(--spacing);\n}\n\n.HeaderContent {\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--spacing);\n}\n\n.HeaderHorizontalDivider {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: var(--spacing);\n}\n\n.ContentWrapper {\n  display: flex;\n\n  /* Hack to prevent overflowing content from pushing the pane region to the next line */\n  min-width: 1px;\n  flex-direction: column;\n  order: var(--region-order-content);\n\n  /* Set flex-basis to 0% to allow flex-grow to control the width of the content region.\n      Without this, the content region could wrap onto a different line\n      than the pane region on wide viewports if its contents are too wide. */\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-shrink: 1;\n\n  &:where([data-is-hidden='true']) {\n    display: none;\n  }\n}\n\n.Content {\n  width: 100%;\n\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--spacing);\n  margin-right: auto;\n  margin-left: auto;\n  flex-grow: 1;\n\n  &:where([data-width='medium']) {\n    max-width: 768px;\n  }\n\n  &:where([data-width='large']) {\n    max-width: 1012px;\n  }\n\n  &:where([data-width='full']) {\n    max-width: 100%;\n  }\n\n  &:where([data-width='xlarge']) {\n    max-width: 1280px;\n  }\n}\n\n.PaneWrapper {\n  display: flex;\n  width: 100%;\n  margin-right: 0;\n  margin-left: 0;\n\n  &:where([data-is-hidden='true']) {\n    display: none;\n  }\n\n  &:where([data-position='end']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: var(--spacing-row);\n    flex-direction: column;\n    order: var(--region-order-pane-end);\n  }\n\n  &:where([data-position='start']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-bottom: var(--spacing-row);\n    flex-direction: column-reverse;\n    order: var(--region-order-pane-start);\n  }\n\n  @media screen and (min-width: 768px) {\n    width: auto;\n    margin-top: 0 !important;\n    margin-bottom: 0 !important;\n\n    &:where([data-sticky]) {\n      position: sticky;\n      /* stylelint-disable-next-line primer/spacing */\n      top: var(--offset-header);\n      max-height: 100vh;\n    }\n\n    &:where([data-position='end']) {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-left: var(--spacing-column);\n      flex-direction: row-reverse;\n    }\n\n    &:where([data-position='start']) {\n      /* stylelint-disable-next-line primer/spacing */\n      margin-right: var(--spacing-column);\n      flex-direction: row;\n    }\n  }\n}\n\n.PaneVerticalDivider {\n  &:where([data-position='start']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-left: var(--spacing);\n  }\n\n  &:where([data-position='end']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-right: var(--spacing);\n  }\n}\n\n.Pane {\n  width: var(--pane-width-size);\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--spacing);\n\n  @media screen and (min-width: 768px) {\n    overflow: auto;\n  }\n\n  &:where([data-resizable]) {\n    width: 100%;\n\n    @media screen and (min-width: 768px) {\n      width: clamp(var(--pane-min-width), var(--pane-width), var(--pane-max-width));\n    }\n  }\n}\n\n.PaneHorizontalDivider {\n  &:where([data-position='start']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-top: var(--spacing);\n  }\n\n  &:where([data-position='end']) {\n    /* stylelint-disable-next-line primer/spacing */\n    margin-bottom: var(--spacing);\n  }\n}\n\n.FooterWrapper {\n  width: 100%;\n  order: var(--region-order-footer);\n\n  /* stylelint-disable-next-line primer/spacing */\n  margin-top: var(--spacing);\n}\n\n.FooterHorizontalDivider {\n  /* stylelint-disable-next-line primer/spacing */\n  margin-bottom: var(--spacing);\n}\n\n.FooterContent {\n  /* stylelint-disable-next-line primer/spacing */\n  padding: var(--spacing);\n}\n"]}

package/lib/PageLayout/PageLayout.d.ts

@@ -1,231 +0,0 @@
-import React from 'react';
-import type { ResponsiveValue } from '../hooks/useResponsiveValue';
-import type { SxProp } from '../sx';
-declare const SPACING_MAP: {
-    none: number;
-    condensed: number;
-    normal: (number | null)[];
-};
-export type PageLayoutProps = {
-    /** The maximum width of the page container */
-    containerWidth?: keyof typeof containerWidths;
-    /** The spacing between the outer edges of the page container and the viewport */
-    padding?: keyof typeof SPACING_MAP;
-    rowGap?: keyof typeof SPACING_MAP;
-    columnGap?: keyof typeof SPACING_MAP;
-    /** Private prop to allow SplitPageLayout to customize slot components */
-    _slotsConfig?: Record<'header' | 'footer', React.ElementType>;
-    className?: string;
-    style?: React.CSSProperties;
-} & SxProp;
-declare const containerWidths: {
-    full: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-};
-export type PageLayoutHeaderProps = {
-    /**
-     * A unique label for the rendered banner landmark
-     */
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    /**
-     * An id to an element which uniquely labels the rendered banner landmark
-     */
-    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
-    padding?: keyof typeof SPACING_MAP;
-    divider?: 'none' | 'line' | ResponsiveValue<'none' | 'line', 'none' | 'line' | 'filled'>;
-    /**
-     * @deprecated Use the `divider` prop with a responsive value instead.
-     *
-     * Before:
-     * ```
-     * divider="line"
-     * dividerWhenNarrow="filled"
-     * ```
-     *
-     * After:
-     * ```
-     * divider={{regular: 'line', narrow: 'filled'}}
-     * ```
-     */
-    dividerWhenNarrow?: 'inherit' | 'none' | 'line' | 'filled';
-    hidden?: boolean | ResponsiveValue<boolean>;
-    className?: string;
-    style?: React.CSSProperties;
-} & SxProp;
-export type PageLayoutContentProps = {
-    /**
-     * Provide an optional element type for the outermost element rendered by the component.
-     * @default 'main'
-     */
-    as?: React.ElementType;
-    /**
-     * A unique label for the rendered main landmark
-     */
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    /**
-     * An id to an element which uniquely labels the rendered main landmark
-     */
-    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
-    width?: keyof typeof contentWidths;
-    padding?: keyof typeof SPACING_MAP;
-    hidden?: boolean | ResponsiveValue<boolean>;
-    className?: string;
-    style?: React.CSSProperties;
-} & SxProp;
-declare const contentWidths: {
-    full: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-};
-type Measurement = `${number}px`;
-type CustomWidthOptions = {
-    min: Measurement;
-    default: Measurement;
-    max: Measurement;
-};
-type PaneWidth = keyof typeof paneWidths;
-export type PageLayoutPaneProps = {
-    position?: keyof typeof panePositions | ResponsiveValue<keyof typeof panePositions>;
-    /**
-     * @deprecated Use the `position` prop with a responsive value instead.
-     *
-     * Before:
-     * ```
-     * position="start"
-     * positionWhenNarrow="end"
-     * ```
-     *
-     * After:
-     * ```
-     * position={{regular: 'start', narrow: 'end'}}
-     * ```
-     */
-    positionWhenNarrow?: 'inherit' | keyof typeof panePositions;
-    'aria-labelledby'?: string;
-    'aria-label'?: string;
-    width?: PaneWidth | CustomWidthOptions;
-    minWidth?: number;
-    resizable?: boolean;
-    widthStorageKey?: string;
-    padding?: keyof typeof SPACING_MAP;
-    divider?: 'none' | 'line' | ResponsiveValue<'none' | 'line', 'none' | 'line' | 'filled'>;
-    /**
-     * @deprecated Use the `divider` prop with a responsive value instead.
-     *
-     * Before:
-     * ```
-     * divider="line"
-     * dividerWhenNarrow="filled"
-     * ```
-     *
-     * After:
-     * ```
-     * divider={{regular: 'line', narrow: 'filled'}}
-     * ```
-     */
-    dividerWhenNarrow?: 'inherit' | 'none' | 'line' | 'filled';
-    sticky?: boolean;
-    offsetHeader?: string | number;
-    hidden?: boolean | ResponsiveValue<boolean>;
-    id?: string;
-    className?: string;
-    style?: React.CSSProperties;
-} & SxProp;
-declare const panePositions: {
-    start: number;
-    end: number;
-};
-declare const paneWidths: {
-    small: (string | null)[];
-    medium: (string | null)[];
-    large: (string | null)[];
-};
-export type PageLayoutFooterProps = {
-    /**
-     * A unique label for the rendered contentinfo landmark
-     */
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    /**
-     * An id to an element which uniquely labels the rendered contentinfo landmark
-     */
-    'aria-labelledby'?: React.AriaAttributes['aria-labelledby'];
-    padding?: keyof typeof SPACING_MAP;
-    divider?: 'none' | 'line' | ResponsiveValue<'none' | 'line', 'none' | 'line' | 'filled'>;
-    /**
-     * @deprecated Use the `divider` prop with a responsive value instead.
-     *
-     * Before:
-     * ```
-     * divider="line"
-     * dividerWhenNarrow="filled"
-     * ```
-     *
-     * After:
-     * ```
-     * divider={{regular: 'line', narrow: 'filled'}}
-     * ```
-     */
-    dividerWhenNarrow?: 'inherit' | 'none' | 'line' | 'filled';
-    hidden?: boolean | ResponsiveValue<boolean>;
-    className?: string;
-    style?: React.CSSProperties;
-} & SxProp;
-export declare const PageLayout: React.FC<React.PropsWithChildren<PageLayoutProps>> & {
-    Header: React.FC<React.PropsWithChildren<PageLayoutHeaderProps>>;
-    Content: React.FC<React.PropsWithChildren<PageLayoutContentProps>>;
-    Pane: React.ForwardRefExoticComponent<{
-        position?: keyof typeof panePositions | ResponsiveValue<keyof typeof panePositions>;
-        /**
-         * @deprecated Use the `position` prop with a responsive value instead.
-         *
-         * Before:
-         * ```
-         * position="start"
-         * positionWhenNarrow="end"
-         * ```
-         *
-         * After:
-         * ```
-         * position={{regular: 'start', narrow: 'end'}}
-         * ```
-         */
-        positionWhenNarrow?: "inherit" | keyof typeof panePositions;
-        'aria-labelledby'?: string;
-        'aria-label'?: string;
-        width?: PaneWidth | CustomWidthOptions;
-        minWidth?: number;
-        resizable?: boolean;
-        widthStorageKey?: string;
-        padding?: keyof typeof SPACING_MAP;
-        divider?: "none" | "line" | ResponsiveValue<"none" | "line", "none" | "line" | "filled">;
-        /**
-         * @deprecated Use the `divider` prop with a responsive value instead.
-         *
-         * Before:
-         * ```
-         * divider="line"
-         * dividerWhenNarrow="filled"
-         * ```
-         *
-         * After:
-         * ```
-         * divider={{regular: 'line', narrow: 'filled'}}
-         * ```
-         */
-        dividerWhenNarrow?: "inherit" | "none" | "line" | "filled";
-        sticky?: boolean;
-        offsetHeader?: string | number;
-        hidden?: boolean | ResponsiveValue<boolean>;
-        id?: string;
-        className?: string;
-        style?: React.CSSProperties;
-    } & SxProp & {
-        children?: React.ReactNode | undefined;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Footer: React.FC<React.PropsWithChildren<PageLayoutFooterProps>>;
-};
-export {};
-//# sourceMappingURL=PageLayout.d.ts.map