@pantheon-systems/pds-toolkit-react 1.0.0-dev.268 → 1.0.0-dev.269
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/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +21 -17
- package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +2 -2
- package/_dist/css/pds-layouts.css +2 -2
- package/_dist/index.css +1 -1
- package/_dist/index.js +1434 -1383
- package/_dist/index.js.map +1 -1
- package/_dist/layouts/AppLayout/AppLayout.d.ts +18 -1
- package/_dist/libs/types/custom-types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -7,21 +7,9 @@ import './site-dashboard-heading.css';
|
|
|
7
7
|
*/
|
|
8
8
|
export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div'> {
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
|
-
siteName: string;
|
|
13
|
-
/**
|
|
14
|
-
* Site plan level.
|
|
10
|
+
* Function to handle upgrade click.
|
|
15
11
|
*/
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Site type.
|
|
19
|
-
*/
|
|
20
|
-
siteType?: SiteType;
|
|
21
|
-
/**
|
|
22
|
-
* Additional class names
|
|
23
|
-
*/
|
|
24
|
-
className?: string;
|
|
12
|
+
handleUpgradeClick?: () => void;
|
|
25
13
|
/**
|
|
26
14
|
* Function to handle popover content.
|
|
27
15
|
*/
|
|
@@ -39,15 +27,31 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
|
|
|
39
27
|
*/
|
|
40
28
|
setPopoverIsOpen?: (isOpen: boolean) => void;
|
|
41
29
|
/**
|
|
42
|
-
*
|
|
30
|
+
* Name of the site.
|
|
31
|
+
*/
|
|
32
|
+
siteName: string;
|
|
33
|
+
/**
|
|
34
|
+
* Site plan level.
|
|
43
35
|
*/
|
|
44
|
-
|
|
36
|
+
sitePlanLevel?: SitePlanLevel;
|
|
37
|
+
/**
|
|
38
|
+
* Site type.
|
|
39
|
+
*/
|
|
40
|
+
siteType?: SiteType;
|
|
45
41
|
/**
|
|
46
42
|
* Additional props to pass to the trigger component.
|
|
47
43
|
*/
|
|
48
44
|
triggerProps?: Omit<ComponentPropsWithoutRef<typeof Popover>, 'content' | 'title' | 'placement' | 'triggerIcon'>;
|
|
45
|
+
/**
|
|
46
|
+
* Label for the upgrade button.
|
|
47
|
+
*/
|
|
48
|
+
upgradeLabel: string;
|
|
49
|
+
/**
|
|
50
|
+
* Additional class names
|
|
51
|
+
*/
|
|
52
|
+
className?: string;
|
|
49
53
|
}
|
|
50
54
|
/**
|
|
51
55
|
* SiteDashboardHeading UI component
|
|
52
56
|
*/
|
|
53
|
-
export declare const SiteDashboardHeading: ({
|
|
57
|
+
export declare const SiteDashboardHeading: ({ popoverContent, popoverIsOpen, popoverTitle, handleUpgradeClick, setPopoverIsOpen, siteName, sitePlanLevel, siteType, triggerProps, upgradeLabel, className, ...props }: SiteDashboardHeadingProps) => React.JSX.Element;
|
|
@@ -8,11 +8,11 @@ type MessageType = 'info' | 'success' | 'warning' | 'critical' | 'working';
|
|
|
8
8
|
* Labels for each message type.
|
|
9
9
|
*/
|
|
10
10
|
type TypeLabels = Record<MessageType, string>;
|
|
11
|
-
export interface InlineMessageProps extends ComponentPropsWithoutRef<'div'> {
|
|
11
|
+
export interface InlineMessageProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
|
|
12
12
|
/**
|
|
13
13
|
* Title text.
|
|
14
14
|
*/
|
|
15
|
-
title:
|
|
15
|
+
title: ReactNode;
|
|
16
16
|
/**
|
|
17
17
|
* Secondary text.
|
|
18
18
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);column-gap:var(--pds-spacing-3xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-app-
|
|
2
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-app-layout__sidebar-inner{height:100%;overflow-x:hidden;padding-inline-end:var(--pds-spacing-l);text-wrap:nowrap}.pds-app-layout__sidebar-inner:has(.pds-side-nav-global){margin-inline-start:calc(var(--pds-spacing-xs)*-1)}.pds-app-layout--isMobile{flex-direction:column;height:unset}.pds-app-layout--isMobile .pds-app-
|
|
1
|
+
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);column-gap:var(--pds-spacing-3xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-app-layout__main,.pds-app-layout__sidebar{padding-block:var(--pds-spacing-2xl);position:relative}.pds-app-layout__main{flex:1;position:relative}.pds-app-layout__sidebar{border-right:1px solid var(--pds-color-border-default);position:relative}.pds-app-layout__sidebar:after{background-color:var(--pds-color-border-default);content:"";height:100%;opacity:0;pointer-events:none;position:absolute;right:-1px;top:0;transition:opacity .15s ease-in-out;width:2px}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover):after{opacity:1}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:absolute;right:var(--button-offset);top:.125rem;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{opacity:1;outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:.25rem;top:2rem;width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
2
|
+
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-app-layout__sidebar-inner{height:100%;overflow-x:hidden;padding-inline-end:var(--pds-spacing-l);text-wrap:nowrap}.pds-app-layout__sidebar-inner:has(.pds-side-nav-global){margin-inline-start:calc(var(--pds-spacing-xs)*-1)}.pds-app-layout--isMobile{flex-direction:column;height:unset}.pds-app-layout--isMobile .pds-app-layout__main,.pds-app-layout--isMobile .pds-app-layout__sidebar{border-right:none;width:100%}.pds-app-layout--isMobile .pds-app-layout__sidebar{border-bottom:1px solid var(--pds-color-border-default);min-width:unset;padding-inline-end:0}.pds-dashboard-global{--dashboard-toggle-icon-size:1.5rem;--dashboard-toggle-trigger-size:3rem;--dashboard-toggle-top-position:5rem;--dashboard-navbar-inline-padding:var(--pds-spacing-3xl);display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:641px){.pds-dashboard-global .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard-global--notMobile{background-color:var(--pds-color-dashboard-nav-background)}.pds-dashboard-global--notMobile .pds-dashboard-global__header{max-width:calc(var(--pds-dashboard-navbar-max-width) + var(--dashboard-navbar-inline-padding)*2)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button{background-color:transparent;border:none;height:calc(100% - var(--dashboard-toggle-top-position));position:absolute;right:calc(var(--dashboard-toggle-trigger-size)*-.5);top:var(--dashboard-toggle-top-position);width:var(--dashboard-toggle-trigger-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible{outline:none}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:hover>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--dashboard-toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:25%;top:2rem;width:var(--dashboard-toggle-icon-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button[aria-expanded=false]
|
|
3
3
|
.pds-dashboard-global__sidebar-toggle-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar{box-sizing:content-box;padding-block-end:1rem;padding-block-start:.75rem;padding-inline-end:1.563rem;padding-inline-start:calc(1.563rem + var(--pds-spacing-dashboard-nav-item-padding));position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-inner{height:100%;margin-inline-start:-.75rem;overflow-x:hidden}.pds-dashboard-global--notMobile .pds-dashboard-global__right{display:flex;flex-direction:column}.pds-dashboard-global--notMobile .pds-navbar__inner{padding-inline-end:2.441rem}.pds-dashboard-global--notMobile .pds-dashboard-global__inner{background-color:var(--pds-color-background-default);border-top-left-radius:1.25rem;box-shadow:var(--pds-elevation-dashboard);display:flex;flex:1;flex-direction:column;position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__main{flex:1;padding-block:2.441rem;padding-inline:2.441rem 2.691rem}.pds-dashboard-global--notMobile .pds-site-footer .pds-container{padding-inline:2.441rem}.pds-dashboard-global__sidebar--collapsed
|
|
4
4
|
.pds-dashboard-global__sidebar-toggle{opacity:1}.pds-dashboard-global--isMobile{display:flex;flex-direction:column}.pds-dashboard-global--isMobile .pds-dashboard-global__sidebar{padding-block:1.953rem;padding-inline:1.563rem}.pds-dashboard-global--isMobile .pds-dashboard-global__main{padding-block:.64rem;padding-inline:1.563rem}.pds-dashboard-global--isMobile .pds-site-footer{padding-inline:.328rem}.pds-dashboard-global--isAdmin{--pds-color-dashboard-nav-background:var(
|
|
5
5
|
--pds-color-dashboard-nav-background-admin
|