@pantheon-systems/pds-toolkit-react 2.0.0-alpha.16 → 2.0.0-alpha.18
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/Avatar/Avatar.d.ts +5 -1
- package/dist/components/Drawer/Drawer.d.ts +3 -3
- package/dist/components/IdentityBlock/IdentityBlock.d.ts +37 -0
- package/dist/components/Tag/Tag.d.ts +7 -2
- package/dist/components/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/charts/BarChart/BarChart.d.ts +1 -1
- package/dist/components/charts/LineChart/LineChart.d.ts +1 -1
- package/dist/components/charts/shared/ChartSkeleton.d.ts +7 -0
- package/dist/components/charts/shared/chart-colors.d.ts +12 -0
- package/dist/components/charts/shared/types.d.ts +47 -16
- package/dist/components/icons/Icon/generated-icon-data.d.ts +16 -2
- package/dist/components/inputs/Switch/Switch.d.ts +0 -16
- package/dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +5 -15
- package/dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +5 -1
- package/dist/css/component-css/pds-avatar-tile-list.css +1 -1
- package/dist/css/component-css/pds-avatar.css +1 -1
- package/dist/css/component-css/pds-banner.css +1 -1
- package/dist/css/component-css/pds-breadcrumb.css +1 -1
- package/dist/css/component-css/pds-button-nav.css +1 -1
- package/dist/css/component-css/pds-button.css +1 -1
- package/dist/css/component-css/pds-chart-wrapper.css +1 -1
- package/dist/css/component-css/pds-checkbox.css +1 -1
- package/dist/css/component-css/pds-close-button.css +1 -1
- package/dist/css/component-css/pds-combobox-multiselect.css +1 -1
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-cta-link.css +1 -1
- package/dist/css/component-css/pds-dashboard-nav.css +1 -1
- package/dist/css/component-css/pds-drawer.css +1 -1
- package/dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/dist/css/component-css/pds-dropdown.css +2 -2
- package/dist/css/component-css/pds-icon-button.css +1 -1
- package/dist/css/component-css/pds-identity-block.css +1 -0
- package/dist/css/component-css/pds-index.css +19 -26
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-nav-menu.css +1 -1
- package/dist/css/component-css/pds-new-site-card.css +1 -1
- package/dist/css/component-css/pds-notifications-popover.css +1 -1
- package/dist/css/component-css/pds-pagination-compact.css +1 -1
- package/dist/css/component-css/pds-pagination-mini.css +1 -1
- package/dist/css/component-css/pds-pagination.css +1 -1
- package/dist/css/component-css/pds-panel-list.css +1 -1
- package/dist/css/component-css/pds-payment-card.css +1 -1
- package/dist/css/component-css/pds-popover.css +1 -1
- package/dist/css/component-css/pds-radio-group.css +1 -1
- package/dist/css/component-css/pds-section-message.css +1 -1
- package/dist/css/component-css/pds-segmented-button.css +1 -1
- package/dist/css/component-css/pds-side-nav-compact.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +2 -2
- package/dist/css/component-css/pds-side-nav.css +1 -1
- package/dist/css/component-css/pds-site-card.css +1 -1
- package/dist/css/component-css/pds-site-footer.css +1 -1
- package/dist/css/component-css/pds-sso-button.css +1 -1
- package/dist/css/component-css/pds-switch.css +4 -11
- package/dist/css/component-css/pds-tab-menu.css +1 -1
- package/dist/css/component-css/pds-tag.css +1 -1
- package/dist/css/component-css/pds-text-input.css +1 -1
- package/dist/css/component-css/pds-tooltip.css +1 -1
- package/dist/css/component-css/pds-user-menu.css +1 -1
- package/dist/css/component-css/pds-utility-button.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +56 -5
- package/dist/css/design-tokens/variables.light.css +56 -5
- package/dist/css/layout-css/pds-app-layout.css +2 -2
- package/dist/css/layout-css/pds-index.css +2 -2
- package/dist/css/pds-components.css +19 -26
- package/dist/css/pds-core.css +2 -2
- package/dist/css/pds-layouts.css +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +4714 -4137
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +1 -0
- package/dist/layouts/AppLayout/AppLayout.d.ts +35 -3
- package/dist/svg/landmark.svg +3 -0
- package/dist/svg/sidebar.svg +3 -0
- package/package.json +2 -2
- package/dist/css/component-css/pds-chart-tokens.css +0 -1
|
@@ -267,11 +267,62 @@
|
|
|
267
267
|
--pds-color-code-inline-background: oklch(0.2433 0.0041 264.49);
|
|
268
268
|
--pds-color-code-inline-border: oklch(0.2929 0.0039 264.51);
|
|
269
269
|
--pds-color-code-inline-text: #ffffff;
|
|
270
|
-
--pds-color-datavis-1: #
|
|
271
|
-
--pds-color-datavis-2: #
|
|
272
|
-
--pds-color-datavis-3: #
|
|
273
|
-
--pds-color-datavis-4: #
|
|
274
|
-
--pds-color-datavis-5: #
|
|
270
|
+
--pds-color-datavis-categorical-1: #6074C8;
|
|
271
|
+
--pds-color-datavis-categorical-2: #8C64C0;
|
|
272
|
+
--pds-color-datavis-categorical-3: #C05888;
|
|
273
|
+
--pds-color-datavis-categorical-4: #C86840;
|
|
274
|
+
--pds-color-datavis-categorical-5: #B09038;
|
|
275
|
+
--pds-color-datavis-categorical-6: #409870;
|
|
276
|
+
--pds-color-datavis-categorical-7: #308898;
|
|
277
|
+
--pds-color-datavis-sequential-iris-1: #C8D8F4;
|
|
278
|
+
--pds-color-datavis-sequential-iris-2: #A8BCF0;
|
|
279
|
+
--pds-color-datavis-sequential-iris-3: #88A0E8;
|
|
280
|
+
--pds-color-datavis-sequential-iris-4: #6A88DC;
|
|
281
|
+
--pds-color-datavis-sequential-iris-5: #5070D0;
|
|
282
|
+
--pds-color-datavis-sequential-iris-6: #3A5AC0;
|
|
283
|
+
--pds-color-datavis-sequential-iris-7: #2A46A8;
|
|
284
|
+
--pds-color-datavis-sequential-iris-8: #1C3488;
|
|
285
|
+
--pds-color-datavis-sequential-iris-9: #10246C;
|
|
286
|
+
--pds-color-datavis-sequential-iris-10: #081650;
|
|
287
|
+
--pds-color-datavis-sequential-neutral-1: #606060;
|
|
288
|
+
--pds-color-datavis-sequential-neutral-2: #747474;
|
|
289
|
+
--pds-color-datavis-sequential-neutral-3: #888888;
|
|
290
|
+
--pds-color-datavis-sequential-neutral-4: #9C9C9C;
|
|
291
|
+
--pds-color-datavis-sequential-neutral-5: #B0B0B0;
|
|
292
|
+
--pds-color-datavis-sequential-neutral-6: #C4C4C4;
|
|
293
|
+
--pds-color-datavis-sequential-neutral-7: #D4D4D4;
|
|
294
|
+
--pds-color-datavis-sequential-neutral-8: #E0E0E0;
|
|
295
|
+
--pds-color-datavis-sequential-neutral-9: #ECECEC;
|
|
296
|
+
--pds-color-datavis-sequential-neutral-10: #F4F4F4;
|
|
297
|
+
--pds-color-datavis-sequential-multi-1: #4A6AAC;
|
|
298
|
+
--pds-color-datavis-sequential-multi-2: #4A7EC0;
|
|
299
|
+
--pds-color-datavis-sequential-multi-3: #3A8CC4;
|
|
300
|
+
--pds-color-datavis-sequential-multi-4: #30A0BC;
|
|
301
|
+
--pds-color-datavis-sequential-multi-5: #2CAAA4;
|
|
302
|
+
--pds-color-datavis-sequential-multi-6: #2CA890;
|
|
303
|
+
--pds-color-datavis-sequential-multi-7: #32A878;
|
|
304
|
+
--pds-color-datavis-sequential-multi-8: #3AA060;
|
|
305
|
+
--pds-color-datavis-sequential-multi-9: #489850;
|
|
306
|
+
--pds-color-datavis-sequential-multi-10: #5A9040;
|
|
307
|
+
--pds-color-datavis-diverging-1: #1A5858;
|
|
308
|
+
--pds-color-datavis-diverging-2: #246E70;
|
|
309
|
+
--pds-color-datavis-diverging-3: #348888;
|
|
310
|
+
--pds-color-datavis-diverging-4: #46A0A4;
|
|
311
|
+
--pds-color-datavis-diverging-5: #58B4B8;
|
|
312
|
+
--pds-color-datavis-diverging-6: #636E8A;
|
|
313
|
+
--pds-color-datavis-diverging-7: #4060A0;
|
|
314
|
+
--pds-color-datavis-diverging-8: #3A58B4;
|
|
315
|
+
--pds-color-datavis-diverging-9: #2E4EC8;
|
|
316
|
+
--pds-color-datavis-diverging-10: #2040D8;
|
|
317
|
+
--pds-color-datavis-diverging-11: #1630A8;
|
|
318
|
+
--pds-color-datavis-single-active: #6A8CD8;
|
|
319
|
+
--pds-color-datavis-single-muted: #444444;
|
|
320
|
+
--pds-color-datavis-status-success: #38B070;
|
|
321
|
+
--pds-color-datavis-status-critical: #D06040;
|
|
322
|
+
--pds-color-datavis-status-info: #5080C8;
|
|
323
|
+
--pds-color-datavis-status-warning: #C09028;
|
|
324
|
+
--pds-color-datavis-status-discovery: #A048C0;
|
|
325
|
+
--pds-color-datavis-status-neutral: #B0B0B6;
|
|
275
326
|
--pds-color-dropdown-background: oklch(0.2929 0.0039 264.51);
|
|
276
327
|
--pds-color-dropdown-foreground: var(--pds-color-fg-default);
|
|
277
328
|
--pds-color-dropdown-heading: var(--pds-color-fg-default-secondary);
|
|
@@ -267,11 +267,62 @@
|
|
|
267
267
|
--pds-color-code-inline-background: oklch(0.9851 0 0);
|
|
268
268
|
--pds-color-code-inline-border: oklch(0.9702 0 0);
|
|
269
269
|
--pds-color-code-inline-text: oklch(0.2046 0 0);
|
|
270
|
-
--pds-color-datavis-1: #
|
|
271
|
-
--pds-color-datavis-2: #
|
|
272
|
-
--pds-color-datavis-3: #
|
|
273
|
-
--pds-color-datavis-4: #
|
|
274
|
-
--pds-color-datavis-5: #
|
|
270
|
+
--pds-color-datavis-categorical-1: #3E5CB0;
|
|
271
|
+
--pds-color-datavis-categorical-2: #6A44A8;
|
|
272
|
+
--pds-color-datavis-categorical-3: #A03870;
|
|
273
|
+
--pds-color-datavis-categorical-4: #B04828;
|
|
274
|
+
--pds-color-datavis-categorical-5: #987020;
|
|
275
|
+
--pds-color-datavis-categorical-6: #287858;
|
|
276
|
+
--pds-color-datavis-categorical-7: #1E6878;
|
|
277
|
+
--pds-color-datavis-sequential-iris-1: #EEF2FC;
|
|
278
|
+
--pds-color-datavis-sequential-iris-2: #D5E0F7;
|
|
279
|
+
--pds-color-datavis-sequential-iris-3: #B3C8F0;
|
|
280
|
+
--pds-color-datavis-sequential-iris-4: #8AACDF;
|
|
281
|
+
--pds-color-datavis-sequential-iris-5: #6090CE;
|
|
282
|
+
--pds-color-datavis-sequential-iris-6: #4474BC;
|
|
283
|
+
--pds-color-datavis-sequential-iris-7: #3059A0;
|
|
284
|
+
--pds-color-datavis-sequential-iris-8: #1E4082;
|
|
285
|
+
--pds-color-datavis-sequential-iris-9: #112B64;
|
|
286
|
+
--pds-color-datavis-sequential-iris-10: #081A46;
|
|
287
|
+
--pds-color-datavis-sequential-neutral-1: #F7F7F7;
|
|
288
|
+
--pds-color-datavis-sequential-neutral-2: #E8E8E8;
|
|
289
|
+
--pds-color-datavis-sequential-neutral-3: #D4D4D4;
|
|
290
|
+
--pds-color-datavis-sequential-neutral-4: #B8B8B8;
|
|
291
|
+
--pds-color-datavis-sequential-neutral-5: #989898;
|
|
292
|
+
--pds-color-datavis-sequential-neutral-6: #787878;
|
|
293
|
+
--pds-color-datavis-sequential-neutral-7: #585858;
|
|
294
|
+
--pds-color-datavis-sequential-neutral-8: #3C3C3C;
|
|
295
|
+
--pds-color-datavis-sequential-neutral-9: #282828;
|
|
296
|
+
--pds-color-datavis-sequential-neutral-10: #141414;
|
|
297
|
+
--pds-color-datavis-sequential-multi-1: #1C3E8C;
|
|
298
|
+
--pds-color-datavis-sequential-multi-2: #2A54A8;
|
|
299
|
+
--pds-color-datavis-sequential-multi-3: #3068B8;
|
|
300
|
+
--pds-color-datavis-sequential-multi-4: #2E7CB8;
|
|
301
|
+
--pds-color-datavis-sequential-multi-5: #2890A8;
|
|
302
|
+
--pds-color-datavis-sequential-multi-6: #269890;
|
|
303
|
+
--pds-color-datavis-sequential-multi-7: #289878;
|
|
304
|
+
--pds-color-datavis-sequential-multi-8: #2E9060;
|
|
305
|
+
--pds-color-datavis-sequential-multi-9: #388848;
|
|
306
|
+
--pds-color-datavis-sequential-multi-10: #4A8030;
|
|
307
|
+
--pds-color-datavis-diverging-1: #1A5858;
|
|
308
|
+
--pds-color-datavis-diverging-2: #267878;
|
|
309
|
+
--pds-color-datavis-diverging-3: #3A9898;
|
|
310
|
+
--pds-color-datavis-diverging-4: #58B8BC;
|
|
311
|
+
--pds-color-datavis-diverging-5: #86D0D4;
|
|
312
|
+
--pds-color-datavis-diverging-6: #E8EAF0;
|
|
313
|
+
--pds-color-datavis-diverging-7: #9AACD8;
|
|
314
|
+
--pds-color-datavis-diverging-8: #6E8CC8;
|
|
315
|
+
--pds-color-datavis-diverging-9: #4A6CB8;
|
|
316
|
+
--pds-color-datavis-diverging-10: #2C50A4;
|
|
317
|
+
--pds-color-datavis-diverging-11: #163890;
|
|
318
|
+
--pds-color-datavis-single-active: #3E6ACC;
|
|
319
|
+
--pds-color-datavis-single-muted: #D0D0D0;
|
|
320
|
+
--pds-color-datavis-status-success: #248C54;
|
|
321
|
+
--pds-color-datavis-status-critical: #A03820;
|
|
322
|
+
--pds-color-datavis-status-info: #2E58A8;
|
|
323
|
+
--pds-color-datavis-status-warning: #906010;
|
|
324
|
+
--pds-color-datavis-status-discovery: #6A2888;
|
|
325
|
+
--pds-color-datavis-status-neutral: #6A6E7A;
|
|
275
326
|
--pds-color-dropdown-background: var(--pds-color-bg-default);
|
|
276
327
|
--pds-color-dropdown-foreground: var(--pds-color-fg-default);
|
|
277
328
|
--pds-color-dropdown-heading: var(--pds-color-fg-default-secondary);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:100vh;width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{border-right:1px solid var(--pds-color-border-default);
|
|
2
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{height:100%;margin-inline-start:0;
|
|
1
|
+
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:100vh;width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{align-self:flex-start;border-right:1px solid var(--pds-color-border-default);height:100vh;position:sticky;top:0;z-index:1}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:0;width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:border-color .15s ease-in-out,width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover){border-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);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:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block:var(--pds-spacing-2xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:100vh;overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__main,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}
|
|
@@ -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);box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:100vh;width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{border-right:1px solid var(--pds-color-border-default);
|
|
2
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{height:100%;margin-inline-start:0;
|
|
1
|
+
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:100vh;width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{align-self:flex-start;border-right:1px solid var(--pds-color-border-default);height:100vh;position:sticky;top:0;z-index:1}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:0;width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:border-color .15s ease-in-out,width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover){border-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);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:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block:var(--pds-spacing-2xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:100vh;overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__main,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}.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-2xl);display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:768px){.pds-dashboard-global .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard-global .pds-pantheon-logo:not(.pds-pantheon-logo--icon){width:10rem}.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-container-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:var(--pds-border-width-default) 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;transition:var(--pds-animation-transition-rotation);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:var(--pds-animation-transition-rotation)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar{box-sizing:content-box;padding-block-end:var(--pds-spacing-m);padding-block-start:.75rem;padding-inline-end:var(--pds-spacing-xl);padding-inline-start:calc(var(--pds-spacing-xl) + 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:var(--pds-spacing-2xl)}.pds-dashboard-global--notMobile .pds-dashboard-global__inner{background-color:var(--pds-color-bg-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:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-2xl) calc(var(--pds-spacing-2xl) + .25rem)}.pds-dashboard-global--notMobile .pds-site-footer .pds-container{padding-inline:var(--pds-spacing-2xl)}.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:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-dashboard-global__main{padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-site-footer{padding-inline:var(--pds-spacing-3xs)}.pds-dashboard-global--isAdmin{--pds-color-dashboard-nav-background:var(
|
|
5
5
|
--pds-color-dashboard-nav-background-admin
|