@pantheon-systems/pds-toolkit-react 2.0.0-alpha.36 → 2.0.0-alpha.38
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/codemods/v1-to-v2/mappings.json +319 -41
- package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/basic.input.tsx +33 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/basic.output.tsx +33 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/only.input.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/only.output.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.input.tsx +31 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.output.tsx +31 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.input.tsx +31 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.output.tsx +31 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/basic.input.tsx +35 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/basic.output.tsx +35 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/only.input.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/only.output.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/basic.input.tsx +28 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/basic.output.tsx +28 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/only.input.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/only.output.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/basic.output.tsx +10 -10
- package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/only.input.tsx +21 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/only.output.tsx +21 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/basic.input.tsx +60 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/basic.output.tsx +51 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/only.input.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/only.output.tsx +8 -0
- package/codemods/v1-to-v2/transforms/__tests__/component-renames.test.js +15 -0
- package/codemods/v1-to-v2/transforms/__tests__/css-class-removals.test.js +6 -0
- package/codemods/v1-to-v2/transforms/__tests__/css-class-renames.test.js +6 -0
- package/codemods/v1-to-v2/transforms/__tests__/icon-name-updates.test.js +15 -0
- package/codemods/v1-to-v2/transforms/__tests__/prop-renames.test.js +15 -0
- package/codemods/v1-to-v2/transforms/__tests__/prop-value-standardization.test.js +10 -0
- package/codemods/v1-to-v2/transforms/__tests__/removed-prop-values.test.js +15 -0
- package/codemods/v1-to-v2/transforms/component-renames.js +166 -0
- package/codemods/v1-to-v2/transforms/css-class-removals.js +192 -0
- package/codemods/v1-to-v2/transforms/css-class-renames.js +114 -0
- package/codemods/v1-to-v2/transforms/icon-name-updates.js +124 -0
- package/codemods/v1-to-v2/transforms/prop-renames.js +109 -0
- package/codemods/v1-to-v2/transforms/prop-value-standardization.js +33 -2
- package/codemods/v1-to-v2/transforms/removed-prop-values.js +206 -0
- package/dist/components/Callout/Callout.d.ts +6 -2
- package/dist/components/CodeBlock/CodeBlock.d.ts +10 -5
- package/dist/components/CodeBlock/code-examples.d.ts +1 -0
- package/dist/components/CodeBlock/themes/index.d.ts +1 -2
- package/dist/components/CodeBlock/themes/{pdsDark.d.ts → pds.d.ts} +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +46 -0
- package/dist/components/PantheonLogo/PantheonLogo.d.ts +5 -4
- package/dist/components/SiteFooter/SiteFooter.d.ts +4 -1
- package/dist/components/Tabs/Tabs.d.ts +1 -6
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/UtilityBar/UtilityBar.d.ts +2 -3
- package/dist/components/badges/StatusBadge/StatusBadge.d.ts +2 -1
- package/dist/components/buttons/CloseButton/CloseButton.d.ts +2 -2
- package/dist/components/buttons/FilterButton/FilterButton.d.ts +82 -0
- package/dist/components/buttons/MenuButton/MenuButton.d.ts +1 -1
- package/dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +28 -4
- package/dist/components/buttons/SplitButton/SplitButton.d.ts +1 -1
- package/dist/components/cards/ActionCard/ActionCard.d.ts +2 -2
- package/dist/components/cards/Card/Card.d.ts +2 -2
- package/dist/components/icons/Icon/custom-icons.d.ts +1 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +114 -30
- package/dist/components/inputs/Combobox/Combobox.d.ts +1 -1
- package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +1 -1
- package/dist/components/inputs/Select/Select.d.ts +1 -1
- package/dist/components/inputs/TagsInput/TagsInput.d.ts +1 -1
- package/dist/components/inputs/TextInput/TextInput.d.ts +1 -1
- package/dist/components/inputs/Textarea/Textarea.d.ts +1 -1
- package/dist/components/loading-indicators/Spinner/Spinner.d.ts +5 -4
- package/dist/components/navigation/ButtonNav/ButtonNav.d.ts +1 -5
- package/dist/components/navigation/Navbar/Navbar.d.ts +9 -21
- package/dist/components/navigation/TabMenu/TabMenu.d.ts +1 -6
- package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +0 -11
- package/dist/components/panels/Panel/Panel.d.ts +3 -3
- package/dist/css/component-css/pds-action-card.css +1 -1
- package/dist/css/component-css/pds-avatar.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-callout.css +1 -1
- package/dist/css/component-css/pds-card-select.css +1 -1
- package/dist/css/component-css/pds-card.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-code-block.css +1 -1
- package/dist/css/component-css/pds-combobox-multiselect.css +1 -2
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-datepicker.css +3 -1
- package/dist/css/component-css/pds-dropdown.css +2 -2
- package/dist/css/component-css/pds-filter-button.css +1 -0
- package/dist/css/component-css/pds-icon.css +1 -1
- package/dist/css/component-css/pds-index.css +51 -45
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-menu-button.css +4 -1
- package/dist/css/component-css/pds-nav-menu.css +1 -1
- package/dist/css/component-css/pds-navbar.css +2 -2
- package/dist/css/component-css/pds-panel.css +1 -1
- package/dist/css/component-css/pds-pantheon-logo.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-segmented-button.css +2 -1
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +1 -1
- package/dist/css/component-css/pds-side-nav.css +1 -1
- package/dist/css/component-css/pds-site-footer.css +1 -1
- package/dist/css/component-css/pds-site-search.css +1 -1
- package/dist/css/component-css/pds-spinner.css +1 -1
- package/dist/css/component-css/pds-split-button.css +1 -1
- package/dist/css/component-css/pds-status-badge.css +1 -1
- package/dist/css/component-css/pds-status-indicator.css +1 -1
- package/dist/css/component-css/pds-switch.css +2 -2
- package/dist/css/component-css/pds-tab-menu.css +1 -1
- package/dist/css/component-css/pds-tabs.css +1 -1
- package/dist/css/component-css/pds-tags-input.css +1 -1
- package/dist/css/component-css/pds-text-input.css +1 -1
- package/dist/css/component-css/pds-textarea.css +1 -1
- package/dist/css/component-css/pds-toaster.css +1 -1
- package/dist/css/component-css/pds-user-menu.css +6 -3
- package/dist/css/component-css/pds-utility-bar.css +1 -1
- package/dist/css/component-css/pds-utility-button.css +1 -1
- package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +13 -3
- package/dist/css/design-tokens/variables.dark.css +26 -21
- package/dist/css/design-tokens/variables.global.css +0 -1
- package/dist/css/design-tokens/variables.light.css +26 -21
- package/dist/css/design-tokens/variables.typography.css +0 -1
- package/dist/css/layout-css/pds-app-layout.css +5 -2
- package/dist/css/layout-css/pds-index.css +5 -2
- package/dist/css/layout-css/pds-sidebar-layout.css +1 -1
- package/dist/css/pds-components.css +51 -45
- package/dist/css/pds-core.css +2 -2
- package/dist/css/pds-layouts.css +5 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +4 -2
- package/dist/index.js +3090 -1859
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +3 -2
- package/dist/layouts/AppLayout/AppLayout.d.ts +22 -2
- package/dist/layouts/SidebarLayout/SidebarLayout.d.ts +4 -3
- package/dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +3 -3
- package/dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +3 -3
- package/dist/libs/components/NavAccordion/NavAccordion.d.ts +1 -1
- package/dist/libs/types/custom-types.d.ts +1 -1
- package/dist/libs/types/layout-types.d.ts +2 -1
- package/dist/svg/circleHalfStroke.svg +3 -0
- package/dist/svg/claude.svg +3 -0
- package/dist/svg/clock.svg +3 -0
- package/dist/svg/diagramVenn.svg +3 -0
- package/dist/svg/floppyDisk.svg +3 -0
- package/dist/svg/grid.svg +2 -2
- package/dist/svg/grid2.svg +3 -0
- package/dist/svg/octagonExclamation.svg +3 -0
- package/dist/svg/openai.svg +3 -0
- package/dist/svg/slider.svg +3 -0
- package/dist/svg/squareDashed.svg +3 -0
- package/dist/svg/tableColumns.svg +3 -0
- package/dist/svg/userSolid.svg +3 -0
- package/dist/utilities/FlexContainer/FlexContainer.d.ts +5 -6
- package/dist/utilities/grid/Grid.d.ts +58 -0
- package/dist/utilities/grid/GridItem.d.ts +57 -0
- package/package.json +2 -2
- package/dist/components/CodeBlock/themes/pdsLight.d.ts +0 -2
- package/dist/components/notifications/NotificationHubIcon/NotificationHubIcon.d.ts +0 -38
- package/dist/components/notifications/NotificationsPopover/NotificationsPopover.d.ts +0 -113
- package/dist/css/component-css/pds-notification-hub-icon.css +0 -1
- package/dist/css/component-css/pds-notifications-popover.css +0 -13
- /package/dist/svg/{arrowDownLeftAndArrowUpRightToCenter.svg → collapseToCenter.svg} +0 -0
- /package/dist/svg/{linkSimple.svg → link.svg} +0 -0
- /package/dist/svg/{arrowsUpDownLeftRight.svg → move.svg} +0 -0
- /package/dist/svg/{linkSimpleSlash.svg → unlink.svg} +0 -0
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:var(--pds-spacing-s)
|
|
1
|
+
.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
2
|
+
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;column-gap:var(--pds-spacing-2xs);display:flex;flex:1;justify-content:space-between;padding:0;text-decoration:none}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-foreground-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__dropdown .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);text-decoration:none;width:100%}.pds-workspace-selector__create-link-inner:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-workspace-selector__create-link-inner:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-workspace-selector .pds-nav-accordion{display:none}[data-pds-mobile]
|
|
3
|
+
.pds-navbar__mobile
|
|
4
|
+
.pds-workspace-selector
|
|
5
|
+
.pds-nav-accordion__toggle,[data-pds-mobile]
|
|
6
|
+
.pds-navbar__mobile
|
|
7
|
+
.pds-workspace-selector
|
|
8
|
+
.pds-workspace-selector__name{font-size:var(--pds-typography-size-m)}[data-pds-mobile]
|
|
2
9
|
.pds-navbar__mobile
|
|
3
10
|
.pds-workspace-selector
|
|
4
11
|
.pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-workspace-selector__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-workspace-selector{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile]
|
|
@@ -7,10 +14,13 @@
|
|
|
7
14
|
.pds-workspace-selector__filter{padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-l)}[data-pds-mobile]
|
|
8
15
|
.pds-navbar__mobile
|
|
9
16
|
.pds-workspace-selector
|
|
17
|
+
.pds-dropdown__heading{padding-block-start:var(--pds-spacing-m)}[data-pds-mobile]
|
|
18
|
+
.pds-navbar__mobile
|
|
19
|
+
.pds-workspace-selector
|
|
10
20
|
.pds-workspace-selector__menu--mobile{display:flex;flex-direction:column;list-style:none;margin:0;padding-inline:0}[data-pds-mobile]
|
|
11
21
|
.pds-navbar__mobile
|
|
12
22
|
.pds-workspace-selector
|
|
13
|
-
.pds-dropdown__item{font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-2xl)}[data-pds-mobile]
|
|
23
|
+
.pds-dropdown__item{border-radius:0;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-2xl)}[data-pds-mobile]
|
|
14
24
|
.pds-navbar__mobile
|
|
15
25
|
.pds-workspace-selector
|
|
16
|
-
.pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-
|
|
26
|
+
.pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;margin-inline:0;padding-block:var(--pds-spacing-2xs) var(--pds-spacing-l);padding-inline:var(--pds-spacing-xl)}
|
|
@@ -74,24 +74,25 @@
|
|
|
74
74
|
--pds-color-banner-neutral-background: oklch(0.5103 0 0);
|
|
75
75
|
--pds-color-banner-neutral-foreground: oklch(0.9702 0 0);
|
|
76
76
|
--pds-color-card-background: oklch(0.2178 0 0);
|
|
77
|
-
--pds-color-code-block-
|
|
78
|
-
--pds-color-code-block-
|
|
79
|
-
--pds-color-code-block-
|
|
80
|
-
--pds-color-code-block-
|
|
81
|
-
--pds-color-code-block-
|
|
82
|
-
--pds-color-code-block-
|
|
83
|
-
--pds-color-code-block-
|
|
84
|
-
--pds-color-code-block-
|
|
77
|
+
--pds-color-code-block-background: oklch(0.2931 0 0);
|
|
78
|
+
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
+
--pds-color-code-block-line-prefix: #9699a1;
|
|
80
|
+
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
81
|
+
--pds-color-code-block-syntax-function: #f5c43a;
|
|
82
|
+
--pds-color-code-block-syntax-keyword: #72c4ff;
|
|
83
|
+
--pds-color-code-block-syntax-string: #a0f76e;
|
|
84
|
+
--pds-color-code-block-syntax-boolean: #d18fff;
|
|
85
|
+
--pds-color-code-block-syntax-tag: #ff61ca;
|
|
86
|
+
--pds-color-code-block-syntax-deleted: #f8495d;
|
|
87
|
+
--pds-color-code-block-syntax-inserted: #a0f76e;
|
|
85
88
|
--pds-color-datepicker-accent-foreground: oklch(0.7049 0.1468 258.30);
|
|
86
|
-
--pds-color-datepicker-range-background: oklch(0.2000 0.0400 268.00);
|
|
87
|
-
--pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
|
|
88
89
|
--pds-color-datepicker-selected-background: oklch(0.7049 0.1468 258.30);
|
|
89
90
|
--pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
|
|
90
91
|
--pds-color-pagination-foreground-hover: oklch(1 0 0);
|
|
91
92
|
--pds-color-pagination-foreground-active: oklch(0.9702 0 0);
|
|
92
93
|
--pds-color-pagination-foreground-current: oklch(1 0 0);
|
|
93
94
|
--pds-color-pagination-background-hover: oklch(0.2603 0 0);
|
|
94
|
-
--pds-color-pagination-background-active: oklch(0.
|
|
95
|
+
--pds-color-pagination-background-active: oklch(0.2800 0.0500 268.00);
|
|
95
96
|
--pds-color-pagination-background-current: oklch(0.7049 0.1468 258.30);
|
|
96
97
|
--pds-color-panel-sunken-background: oklch(0.2603 0 0);
|
|
97
98
|
--pds-color-expansion-panel-hover: oklch(0.2931 0 0);
|
|
@@ -116,7 +117,7 @@
|
|
|
116
117
|
--pds-color-spinner-critical-secondary-2: #de2e21;
|
|
117
118
|
--pds-color-spinner-critical-secondary-3: transparent;
|
|
118
119
|
--pds-color-table-sort-icon-inactive: oklch(0.5 0 0);
|
|
119
|
-
--pds-color-tabs-border: oklch(0.
|
|
120
|
+
--pds-color-tabs-border: oklch(0.5991 0 0);
|
|
120
121
|
--pds-color-tag-orange-background: oklch(0.3382 0.1012 42.43);
|
|
121
122
|
--pds-color-tag-orange-foreground: oklch(0.9175 0.0328 49.33);
|
|
122
123
|
--pds-color-tag-stone-background: oklch(0.4022 0.0071 84.59);
|
|
@@ -175,6 +176,7 @@
|
|
|
175
176
|
--pds-color-tally-info-foreground: oklch(1.0000 0 0);
|
|
176
177
|
--pds-color-tally-discovery-background: oklch(0.5200 0.1177 303.12);
|
|
177
178
|
--pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
|
|
179
|
+
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
178
180
|
--pds-color-surface-default: oklch(0.2178 0 0);
|
|
179
181
|
--pds-color-surface-default-secondary: oklch(0.2603 0 0);
|
|
180
182
|
--pds-color-surface-reverse: oklch(0.9702 0 0);
|
|
@@ -342,7 +344,8 @@
|
|
|
342
344
|
--pds-color-interactive-background-current-foreground: oklch(0.2178 0 0);
|
|
343
345
|
--pds-color-interactive-background-hover: oklch(0.2603 0 0);
|
|
344
346
|
--pds-color-interactive-background-active: oklch(0.2931 0 0);
|
|
345
|
-
--pds-color-interactive-background-selected: oklch(0.
|
|
347
|
+
--pds-color-interactive-background-selected: oklch(0.2800 0.0500 268.00);
|
|
348
|
+
--pds-color-interactive-background-selected-foreground: oklch(0.9702 0 0);
|
|
346
349
|
--pds-color-interactive-reverse-focus: oklch(0.5256 0.1988 268.04);
|
|
347
350
|
--pds-color-interactive-reverse-link-default: oklch(0.5256 0.1988 268.04);
|
|
348
351
|
--pds-color-interactive-reverse-link-hover: oklch(0.6015 0.1484 35.70);
|
|
@@ -361,35 +364,37 @@
|
|
|
361
364
|
--pds-color-partner-google: #4285F4;
|
|
362
365
|
--pds-color-partner-nextjs: #ffffff;
|
|
363
366
|
--pds-color-partner-wordpress: #0073AA;
|
|
367
|
+
--pds-color-segmented-control-track-background: oklch(0.2603 0 0);
|
|
368
|
+
--pds-color-segmented-control-selected-background: oklch(0.4091 0 0);
|
|
364
369
|
--pds-color-social-rss: #f3763a;
|
|
365
370
|
--pds-color-status-success-foreground: oklch(0.8774 0.0659 125.63);
|
|
366
371
|
--pds-color-status-success-fill: oklch(0.6402 0.1224 130.73);
|
|
367
|
-
--pds-color-status-success-border: oklch(0.
|
|
372
|
+
--pds-color-status-success-border: oklch(0.6402 0.1224 130.73);
|
|
368
373
|
--pds-color-status-success-background: oklch(0.3746 0.0812 134.16);
|
|
369
374
|
--pds-color-status-success-background-hover: oklch(0.4733 0.1035 134.24);
|
|
370
375
|
--pds-color-status-warning-foreground: oklch(0.8603 0.0782 67.73);
|
|
371
376
|
--pds-color-status-warning-fill: oklch(0.7116 0.1405 61.04);
|
|
372
|
-
--pds-color-status-warning-border: oklch(0.
|
|
377
|
+
--pds-color-status-warning-border: oklch(0.7116 0.1405 61.04);
|
|
373
378
|
--pds-color-status-warning-background: oklch(0.3111 0.0678 55.70);
|
|
374
379
|
--pds-color-status-warning-background-hover: oklch(0.4323 0.1012 53.56);
|
|
375
380
|
--pds-color-status-critical-foreground: oklch(0.8022 0.0731 18.80);
|
|
376
381
|
--pds-color-status-critical-fill: oklch(0.5954 0.1582 23.19);
|
|
377
|
-
--pds-color-status-critical-border: oklch(0.
|
|
382
|
+
--pds-color-status-critical-border: oklch(0.5954 0.1582 23.19);
|
|
378
383
|
--pds-color-status-critical-background: oklch(0.2550 0.0814 25.05);
|
|
379
384
|
--pds-color-status-critical-background-hover: oklch(0.3541 0.1230 26.18);
|
|
380
385
|
--pds-color-status-info-foreground: oklch(0.8372 0.0459 236.03);
|
|
381
386
|
--pds-color-status-info-fill: oklch(0.6392 0.0968 238.41);
|
|
382
|
-
--pds-color-status-info-border: oklch(0.
|
|
387
|
+
--pds-color-status-info-border: oklch(0.6392 0.0968 238.41);
|
|
383
388
|
--pds-color-status-info-background: oklch(0.2906 0.0644 249.78);
|
|
384
389
|
--pds-color-status-info-background-hover: oklch(0.3751 0.0783 246.74);
|
|
385
390
|
--pds-color-status-discovery-foreground: oklch(0.8272 0.0507 309.02);
|
|
386
391
|
--pds-color-status-discovery-fill: oklch(0.6127 0.1092 305.74);
|
|
387
|
-
--pds-color-status-discovery-border: oklch(0.
|
|
392
|
+
--pds-color-status-discovery-border: oklch(0.6127 0.1092 305.74);
|
|
388
393
|
--pds-color-status-discovery-background: oklch(0.2671 0.0855 295.38);
|
|
389
394
|
--pds-color-status-discovery-background-hover: oklch(0.3388 0.0952 301.67);
|
|
390
395
|
--pds-color-status-neutral-background: oklch(0.3329 0 0);
|
|
391
396
|
--pds-color-status-neutral-indicator: oklch(0.8452 0 0);
|
|
392
|
-
--pds-color-status-frozen-fill: oklch(0.
|
|
397
|
+
--pds-color-status-frozen-fill: oklch(0.6598 0.0403 232.31);
|
|
393
398
|
--pds-color-status-disabled-fill: oklch(0.5103 0 0);
|
|
394
399
|
--pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
|
|
395
400
|
--pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(255, 255, 255, 0.16);
|
|
@@ -404,9 +409,9 @@
|
|
|
404
409
|
--pds-elevation-drawer-right: -2px 0px 32px 0px rgba(0, 0, 0, 0.8), -1px 0px 0px 0px rgba(255, 255, 255, 0.12);
|
|
405
410
|
--pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(255, 255, 255, 0.06);
|
|
406
411
|
--pds-elevation-sortable-hover: 0px 0px 3px 1px rgba(58, 93, 251, 0.35);
|
|
407
|
-
--pds-elevation-raised: 0px
|
|
412
|
+
--pds-elevation-raised: 0px 0px 0px 1px rgba(130, 130, 130, 0.1), 0px 5px 10px 0px rgba(18, 18, 25, 0.6);
|
|
408
413
|
--pds-elevation-draggable: 0px 2px 6px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
|
|
409
|
-
--pds-elevation-overlay: 0px
|
|
414
|
+
--pds-elevation-overlay: 0px 0px 0px 1px oklch(0.31 0.005 258), 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
410
415
|
--pds-gradient-avatar-midnight: linear-gradient(315deg, #5F41E5 0%, #141013 100%);
|
|
411
416
|
--pds-gradient-avatar-twilight: linear-gradient(315deg, #C72FA2 0%, #1B0874 100%);
|
|
412
417
|
--pds-gradient-avatar-sunrise: linear-gradient(135deg, #3017A1 0%, #F09737 100%);
|
|
@@ -73,7 +73,6 @@
|
|
|
73
73
|
--pds-spacing-button-gap-inline-l: var(--pds-spacing-xs);
|
|
74
74
|
--pds-spacing-input-height-s: var(--pds-spacing-2xl);
|
|
75
75
|
--pds-spacing-input-height-m: var(--pds-spacing-3xl);
|
|
76
|
-
--pds-spacing-input-height-l: var(--pds-spacing-4xl);
|
|
77
76
|
--pds-z-index-navigation: 100;
|
|
78
77
|
--pds-z-index-dropdown: 300;
|
|
79
78
|
--pds-z-index-notifications: 500;
|
|
@@ -74,17 +74,18 @@
|
|
|
74
74
|
--pds-color-banner-neutral-background: oklch(0.2178 0 0);
|
|
75
75
|
--pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
|
|
76
76
|
--pds-color-card-background: oklch(1.0000 0 0);
|
|
77
|
-
--pds-color-code-block-
|
|
78
|
-
--pds-color-code-block-
|
|
79
|
-
--pds-color-code-block-
|
|
80
|
-
--pds-color-code-block-
|
|
81
|
-
--pds-color-code-block-
|
|
82
|
-
--pds-color-code-block-
|
|
83
|
-
--pds-color-code-block-
|
|
84
|
-
--pds-color-code-block-
|
|
77
|
+
--pds-color-code-block-background: oklch(0.31 0 0);
|
|
78
|
+
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
+
--pds-color-code-block-line-prefix: #9699a1;
|
|
80
|
+
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
81
|
+
--pds-color-code-block-syntax-function: #f5c43a;
|
|
82
|
+
--pds-color-code-block-syntax-keyword: #72c4ff;
|
|
83
|
+
--pds-color-code-block-syntax-string: #a0f76e;
|
|
84
|
+
--pds-color-code-block-syntax-boolean: #d18fff;
|
|
85
|
+
--pds-color-code-block-syntax-tag: #ff61ca;
|
|
86
|
+
--pds-color-code-block-syntax-deleted: #f8495d;
|
|
87
|
+
--pds-color-code-block-syntax-inserted: #a0f76e;
|
|
85
88
|
--pds-color-datepicker-accent-foreground: oklch(0.5256 0.1988 268.04);
|
|
86
|
-
--pds-color-datepicker-range-background: oklch(0.9500 0.0300 268.00);
|
|
87
|
-
--pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
|
|
88
89
|
--pds-color-datepicker-selected-background: oklch(0.5256 0.1988 268.04);
|
|
89
90
|
--pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
|
|
90
91
|
--pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
|
|
@@ -116,7 +117,7 @@
|
|
|
116
117
|
--pds-color-spinner-critical-secondary-2: #F5B6B0;
|
|
117
118
|
--pds-color-spinner-critical-secondary-3: transparent;
|
|
118
119
|
--pds-color-table-sort-icon-inactive: oklch(0.78 0 0);
|
|
119
|
-
--pds-color-tabs-border: oklch(0.
|
|
120
|
+
--pds-color-tabs-border: oklch(0.8047 0 0);
|
|
120
121
|
--pds-color-tag-orange-background: oklch(0.9175 0.0328 49.33);
|
|
121
122
|
--pds-color-tag-orange-foreground: oklch(0.3445 0.1414 29.23);
|
|
122
123
|
--pds-color-tag-stone-background: oklch(0.9261 0.0144 84.58);
|
|
@@ -175,6 +176,7 @@
|
|
|
175
176
|
--pds-color-tally-info-foreground: oklch(1.0000 0 0);
|
|
176
177
|
--pds-color-tally-discovery-background: oklch(0.4277 0.1065 303.89);
|
|
177
178
|
--pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
|
|
179
|
+
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
178
180
|
--pds-color-surface-default: oklch(1.0000 0 0);
|
|
179
181
|
--pds-color-surface-default-secondary: oklch(0.9702 0 0);
|
|
180
182
|
--pds-color-surface-reverse: oklch(0.2178 0 0);
|
|
@@ -224,14 +226,14 @@
|
|
|
224
226
|
--pds-color-button-reverse-secondary-background-active: oklch(0.3638 0 0);
|
|
225
227
|
--pds-color-button-reverse-secondary-border: oklch(0.5103 0 0);
|
|
226
228
|
--pds-color-button-reverse-secondary-foreground: oklch(1.0000 0 0);
|
|
227
|
-
--pds-color-close-button-foreground: oklch(0.
|
|
229
|
+
--pds-color-close-button-foreground: oklch(0.5550 0.0020 247.86);
|
|
228
230
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
229
231
|
--pds-color-close-button-background-hover: #1717171a;
|
|
230
232
|
--pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
|
|
231
233
|
--pds-color-icon-button-standard-background-hover: #1717170d;
|
|
232
234
|
--pds-color-icon-button-standard-border-default: #1717171f;
|
|
233
235
|
--pds-color-icon-button-standard-border-hover: #17171726;
|
|
234
|
-
--pds-color-icon-button-standard-foreground: oklch(0.
|
|
236
|
+
--pds-color-icon-button-standard-foreground: oklch(0.31 0 0);
|
|
235
237
|
--pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
|
|
236
238
|
--pds-color-icon-button-critical-background-hover: oklch(0.9740 0.0075 17.42);
|
|
237
239
|
--pds-color-icon-button-critical-border-default: oklch(0.8859 0.0414 19.05);
|
|
@@ -313,7 +315,7 @@
|
|
|
313
315
|
--pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
|
|
314
316
|
--pds-color-dropdown-top-border: #dfdfdf;
|
|
315
317
|
--pds-color-foreground-default: oklch(0.2178 0 0);
|
|
316
|
-
--pds-color-foreground-default-secondary: oklch(0.
|
|
318
|
+
--pds-color-foreground-default-secondary: oklch(0.5550 0.0020 247.86);
|
|
317
319
|
--pds-color-foreground-reverse: oklch(1.0000 0 0);
|
|
318
320
|
--pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
|
|
319
321
|
--pds-color-input-placeholder: oklch(0.8047 0 0);
|
|
@@ -343,6 +345,7 @@
|
|
|
343
345
|
--pds-color-interactive-background-hover: oklch(0.9702 0 0);
|
|
344
346
|
--pds-color-interactive-background-active: oklch(0.9430 0 0);
|
|
345
347
|
--pds-color-interactive-background-selected: oklch(0.9500 0.0300 268.00);
|
|
348
|
+
--pds-color-interactive-background-selected-foreground: oklch(0.2178 0 0);
|
|
346
349
|
--pds-color-interactive-reverse-focus: oklch(0.6496 0.1590 270.95);
|
|
347
350
|
--pds-color-interactive-reverse-link-default: oklch(0.6496 0.1590 270.95);
|
|
348
351
|
--pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
|
|
@@ -361,35 +364,37 @@
|
|
|
361
364
|
--pds-color-partner-google: #4285F4;
|
|
362
365
|
--pds-color-partner-nextjs: #000000;
|
|
363
366
|
--pds-color-partner-wordpress: #0073AA;
|
|
367
|
+
--pds-color-segmented-control-track-background: oklch(0.9430 0 0);
|
|
368
|
+
--pds-color-segmented-control-selected-background: oklch(1.0000 0 0);
|
|
364
369
|
--pds-color-social-rss: #f26522;
|
|
365
370
|
--pds-color-status-success-foreground: oklch(0.5670 0.1201 132.73);
|
|
366
371
|
--pds-color-status-success-fill: oklch(0.5670 0.1201 132.73);
|
|
367
|
-
--pds-color-status-success-border: oklch(0.
|
|
372
|
+
--pds-color-status-success-border: oklch(0.5670 0.1201 132.73);
|
|
368
373
|
--pds-color-status-success-background: oklch(0.9656 0.0192 122.83);
|
|
369
374
|
--pds-color-status-success-background-hover: oklch(0.9301 0.0402 124.12);
|
|
370
375
|
--pds-color-status-warning-foreground: oklch(0.5658 0.1338 53.43);
|
|
371
376
|
--pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
|
|
372
|
-
--pds-color-status-warning-border: oklch(0.
|
|
377
|
+
--pds-color-status-warning-border: oklch(0.6419 0.1457 55.55);
|
|
373
378
|
--pds-color-status-warning-background: oklch(0.9665 0.0199 70.00);
|
|
374
379
|
--pds-color-status-warning-background-hover: oklch(0.9208 0.0469 69.27);
|
|
375
380
|
--pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
|
|
376
381
|
--pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
|
|
377
|
-
--pds-color-status-critical-border: oklch(0.
|
|
382
|
+
--pds-color-status-critical-border: oklch(0.5338 0.1771 25.54);
|
|
378
383
|
--pds-color-status-critical-background: oklch(0.9740 0.0075 17.42);
|
|
379
384
|
--pds-color-status-critical-background-hover: oklch(0.8859 0.0414 19.05);
|
|
380
385
|
--pds-color-status-info-foreground: oklch(0.4662 0.0924 245.48);
|
|
381
386
|
--pds-color-status-info-fill: oklch(0.5510 0.1014 242.56);
|
|
382
|
-
--pds-color-status-info-border: oklch(0.
|
|
387
|
+
--pds-color-status-info-border: oklch(0.5510 0.1014 242.56);
|
|
383
388
|
--pds-color-status-info-background: oklch(0.9584 0.0134 233.74);
|
|
384
389
|
--pds-color-status-info-background-hover: oklch(0.9123 0.0286 231.46);
|
|
385
390
|
--pds-color-status-discovery-foreground: oklch(0.4277 0.1065 303.89);
|
|
386
391
|
--pds-color-status-discovery-fill: oklch(0.5200 0.1177 303.12);
|
|
387
|
-
--pds-color-status-discovery-border: oklch(0.
|
|
392
|
+
--pds-color-status-discovery-border: oklch(0.5200 0.1177 303.12);
|
|
388
393
|
--pds-color-status-discovery-background: oklch(0.9559 0.0143 308.29);
|
|
389
394
|
--pds-color-status-discovery-background-hover: oklch(0.9077 0.0264 310.39);
|
|
390
395
|
--pds-color-status-neutral-background: oklch(0.8761 0 0);
|
|
391
|
-
--pds-color-status-neutral-indicator: oklch(0.
|
|
392
|
-
--pds-color-status-frozen-fill: oklch(0.
|
|
396
|
+
--pds-color-status-neutral-indicator: oklch(0.5550 0.0020 247.86);
|
|
397
|
+
--pds-color-status-frozen-fill: oklch(0.7411 0.0377 231.33);
|
|
393
398
|
--pds-color-status-disabled-fill: oklch(0.8047 0 0);
|
|
394
399
|
--pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
|
|
395
400
|
--pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-
|
|
2
|
-
.pds-app-
|
|
1
|
+
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout--has-header{flex-direction:column}.pds-app-layout__header{flex-shrink:0;width:100%}.pds-app-layout__body{display:flex;flex:1;flex-direction:row;min-height:0;width:100%}.pds-app-layout__content-column{display:flex;flex:1;flex-direction:column;min-width:0}.pds-app-layout__footer{flex-shrink:0;padding-inline:var(--pds-spacing-xl)}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-xl);position:relative}.pds-app-layout__main-inner{min-height:100%}.pds-app-layout__footer-inner,.pds-app-layout__main-inner{margin-inline:auto;width:100%}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__main{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar)
|
|
2
|
+
.pds-app-layout__content-column
|
|
3
|
+
.pds-app-layout__main{border-left:none}.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-m);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:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
4
|
+
.pds-app-layout__content-column,.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
5
|
+
.pds-app-layout__main{border-left-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-surface-reverse);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-surface-reverse);border:none;border-radius:50%;bottom:var(--pds-spacing-5xl);color:var(--pds-color-foreground-reverse);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]
|
|
3
6
|
.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-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);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-m);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:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__main,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-
|
|
2
|
-
.pds-app-
|
|
1
|
+
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);--pds-app-layout-top-offset:0px;box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:calc(100dvh - var(--pds-app-layout-top-offset));width:100%}.pds-app-layout--has-header{flex-direction:column}.pds-app-layout__header{flex-shrink:0;width:100%}.pds-app-layout__body{display:flex;flex:1;flex-direction:row;min-height:0;width:100%}.pds-app-layout__content-column{display:flex;flex:1;flex-direction:column;min-width:0}.pds-app-layout__footer{flex-shrink:0;padding-inline:var(--pds-spacing-xl)}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-xl);position:relative}.pds-app-layout__main-inner{min-height:100%}.pds-app-layout__footer-inner,.pds-app-layout__main-inner{margin-inline:auto;width:100%}.pds-app-layout__sidebar{position:relative;z-index:1}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__main{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar) .pds-app-layout__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar)
|
|
2
|
+
.pds-app-layout__content-column
|
|
3
|
+
.pds-app-layout__main{border-left:none}.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-m);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:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
4
|
+
.pds-app-layout__content-column,.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
5
|
+
.pds-app-layout__main{border-left-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-surface-reverse);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-surface-reverse);border:none;border-radius:50%;bottom:var(--pds-spacing-5xl);color:var(--pds-color-foreground-reverse);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]
|
|
3
6
|
.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-end:var(--pds-spacing-2xl);padding-block-start:var(--pds-spacing-xl);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-m);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:calc(100dvh - var(--pds-app-layout-top-offset));overflow:hidden}.pds-app-layout--scrollable .pds-app-layout__main,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}.pds-docs-layout{column-gap:var(--pds-spacing-2xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-docs-layout__content,.pds-docs-layout__sidebar{padding-block:var(--pds-spacing-2xl)}.pds-docs-layout__content{flex:1}.pds-docs-layout__sidebar{border-inline-end:1px solid var(--pds-color-border-default);max-width:var(--docs-sidebar-max-width,20rem);min-width:var(--docs-sidebar-min-width,15rem);width:var(--docs-sidebar-width,18%)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}[data-pds-mobile] .pds-docs-layout{flex-direction:column;height:unset}[data-pds-mobile] .pds-docs-layout__content,[data-pds-mobile] .pds-docs-layout__sidebar{border:none;max-width:unset;width:100%}[data-pds-mobile] .pds-docs-layout__sidebar{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset}[data-pds-mobile] .pds-docs-layout__sidebar-inner{margin-inline-end:0}.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:var(--pds-spacing-2xl)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1280px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;padding-block-start:var(--pds-spacing-3xl)}@media (min-width:768px){.pds-stepper__button-group{margin-inline-start:50%;max-width:var(--stepper-layout-max-width);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}.pds-three-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-three-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-three-item-layout--center .pds-grid-item{justify-content:center}.pds-three-item-layout--end .pds-grid-item{justify-content:flex-end}.pds-two-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-two-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-two-item-layout--center .pds-grid-item{justify-content:center}.pds-two-item-layout--end .pds-grid-item{justify-content:flex-end}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.pds-sidebar-layout{
|
|
1
|
+
.pds-sidebar-layout{display:flex}.pds-sidebar-layout__main{flex:1;min-width:0}.pds-sidebar-layout__side{max-width:var(--sidebar-width-max,25rem);min-width:var(--sidebar-width-min,15rem);width:var(--sidebar-width,33%)}[data-pds-mobile]
|
|
2
2
|
[data-sidebar-mobile-location=before]
|
|
3
3
|
.pds-sidebar-layout__side,[data-sidebar-location=left] .pds-sidebar-layout__side{order:-1}[data-pds-mobile]
|
|
4
4
|
[data-sidebar-mobile-location=after]
|