@pantheon-systems/pds-toolkit-react 2.0.0-alpha.53 → 2.0.0-alpha.55
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 +25 -1
- package/dist/components/buttons/FilterButton/FilterButton.d.ts +15 -5
- package/dist/components/cards/ActionCard/ActionCard.d.ts +2 -2
- package/dist/components/cards/Card/Card.d.ts +1 -2
- package/dist/components/cards/CardSelect/CardSelect.d.ts +17 -5
- package/dist/components/charts/shared/ChartLegend.d.ts +7 -1
- package/dist/components/charts/shared/chart-styles.d.ts +1 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/components/inputs/TextInput/TextInput.d.ts +2 -2
- package/dist/components/inputs/TimeInput/TimeInput.d.ts +94 -0
- package/dist/css/component-css/pds-action-card.css +1 -1
- package/dist/css/component-css/pds-button.css +4 -4
- package/dist/css/component-css/pds-card-select.css +2 -2
- package/dist/css/component-css/pds-card.css +1 -1
- package/dist/css/component-css/pds-chart-legend.css +1 -1
- package/dist/css/component-css/pds-code-block.css +1 -1
- package/dist/css/component-css/pds-comparison-list.css +1 -1
- package/dist/css/component-css/pds-index.css +9 -9
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-pie-chart.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +1 -1
- package/dist/css/component-css/pds-time-input.css +1 -0
- package/dist/css/design-tokens/variables.dark.css +7 -6
- package/dist/css/design-tokens/variables.global.css +2 -2
- package/dist/css/design-tokens/variables.light.css +42 -41
- package/dist/css/layout-css/pds-app-layout.css +1 -1
- package/dist/css/layout-css/pds-index.css +1 -1
- package/dist/css/pds-components.css +9 -9
- package/dist/css/pds-core.css +1 -1
- package/dist/css/pds-layouts.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1040 -906
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +1 -0
- package/dist/libs/types/layout-types.d.ts +1 -0
- package/package.json +5 -2
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
@layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav-global{--side-nav-global-icon-width:var(--pds-spacing-xl);--side-nav-global-space-after-icon:var(--pds-spacing-s);--side-nav-global-foreground-color:var(
|
|
2
2
|
--pds-color-foreground-default-secondary
|
|
3
|
-
);--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-2px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-
|
|
3
|
+
);--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-2px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-background-current);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__separator{background-color:var(--pds-color-border-separator);block-size:var(--pds-border-width-default);border:none;list-style-type:none;margin-block:var(--pds-spacing-s);margin-inline:var(--side-nav-global-item-inset,0) 0;pointer-events:none}.pds-side-nav-global__section-label{color:var(--side-nav-global-foreground-color);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-semibold);letter-spacing:var(--pds-typography-ls-xl);line-height:var(--pds-typography-lh-s);list-style-type:none;margin-block:0;padding-block:0 var(--pds-spacing-2xs);padding-inline-start:var(--side-nav-global-item-inset,0);text-transform:uppercase}.pds-side-nav-global__menu--second-level{color:var(--pds-color-foreground-default-secondary);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding-block:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-interactive-foreground-active);font-weight:var(--pds-typography-fw-bold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-interactive-foreground-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}@keyframes pds-side-nav-global-label-fade-in{0%{opacity:0}to{opacity:1}}.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:pds-side-nav-global-label-fade-in .1s ease-in-out both}@media (prefers-reduced-motion:reduce){.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:none}}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded,.pds-side-nav-global--collapsed .pds-side-nav-global__section-label{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);text-decoration:none}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-time-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-2xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-time-input__input-wrapper--focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-time-input--m .pds-time-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-time-input__icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0}.pds-time-input__value{align-items:center;display:flex;flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1}.pds-time-input__meridiem,.pds-time-input__segment{align-items:center;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:default;display:inline-flex;justify-content:center;margin-block:-.25rem;margin-inline:-.0625rem;min-height:1.5rem;min-width:1.5rem;user-select:none}.pds-time-input__meridiem:focus,.pds-time-input__segment:focus{background-color:var(--pds-color-interactive-background-active);border-radius:var(--pds-border-radius-input);outline:none}.pds-time-input__meridiem--focus-visible,.pds-time-input__segment--focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-time-input__meridiem{text-transform:uppercase}.pds-time-input__segment--placeholder{color:var(--pds-color-input-placeholder)}.pds-time-input__separator{color:var(--pds-color-foreground-default);white-space:pre}.pds-time-input__separator--colon{padding-inline:var(--pds-spacing-5xs)}.pds-time-input__timezone{align-items:center;background-color:var(--pds-color-interactive-background-hover);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);display:inline-flex;font-size:var(--pds-typography-size-xs);height:var(--pds-spacing-l);justify-content:center;margin-inline:var(--pds-spacing-s) var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-4xs)}}
|
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
--pds-color-card-background: oklch(0.2178 0 0);
|
|
77
77
|
--pds-color-code-block-background: oklch(0.2931 0 0);
|
|
78
78
|
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
+
--pds-color-code-block-focus: oklch(0.6382 0.1612 253.57);
|
|
79
80
|
--pds-color-code-block-line-prefix: #9699a1;
|
|
80
81
|
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
81
82
|
--pds-color-code-block-syntax-function: #f5c43a;
|
|
@@ -86,7 +87,7 @@
|
|
|
86
87
|
--pds-color-code-block-syntax-deleted: #f8495d;
|
|
87
88
|
--pds-color-code-block-syntax-inserted: #a0f76e;
|
|
88
89
|
--pds-color-datepicker-accent-foreground: oklch(0.8369 0.0765 253.48);
|
|
89
|
-
--pds-color-datepicker-selected-background:
|
|
90
|
+
--pds-color-datepicker-selected-background: var(--pds-color-interactive-background-current);
|
|
90
91
|
--pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
|
|
91
92
|
--pds-color-pagination-foreground-hover: oklch(1 0 0);
|
|
92
93
|
--pds-color-pagination-foreground-active: oklch(0.9702 0 0);
|
|
@@ -203,7 +204,7 @@
|
|
|
203
204
|
--pds-color-button-brand-background-hover: oklch(0.7640 0.1510 84.30);
|
|
204
205
|
--pds-color-button-brand-background-active: oklch(0.6723 0.1329 84.30);
|
|
205
206
|
--pds-color-button-brand-foreground: oklch(0.2178 0 0);
|
|
206
|
-
--pds-color-button-highlight-background-default:
|
|
207
|
+
--pds-color-button-highlight-background-default: var(--pds-color-interactive-background-current);
|
|
207
208
|
--pds-color-button-highlight-background-hover: oklch(0.7452 0.1208 253.44);
|
|
208
209
|
--pds-color-button-highlight-background-active: oklch(0.8369 0.0765 253.48);
|
|
209
210
|
--pds-color-button-highlight-foreground: oklch(0.2178 0 0);
|
|
@@ -341,12 +342,12 @@
|
|
|
341
342
|
--pds-color-interactive-background-active: oklch(0.2931 0 0);
|
|
342
343
|
--pds-color-interactive-background-selected: oklch(0.2940 0.1030 256.67);
|
|
343
344
|
--pds-color-interactive-background-selected-foreground: oklch(0.9702 0 0);
|
|
344
|
-
--pds-color-interactive-reverse-focus: oklch(0.
|
|
345
|
-
--pds-color-interactive-reverse-link-default: oklch(0.
|
|
345
|
+
--pds-color-interactive-reverse-focus: oklch(0.58 0.1689 253.60);
|
|
346
|
+
--pds-color-interactive-reverse-link-default: oklch(0.5 0.155 254);
|
|
346
347
|
--pds-color-interactive-reverse-link-hover: oklch(0.6015 0.1484 35.70);
|
|
347
348
|
--pds-color-interactive-reverse-link-active: oklch(0.5093 0.1241 35.58);
|
|
348
|
-
--pds-color-interactive-reverse-link-visited: oklch(0.
|
|
349
|
-
--pds-color-interactive-reverse-foreground-hover: oklch(0.
|
|
349
|
+
--pds-color-interactive-reverse-link-visited: oklch(0.5 0.155 254);
|
|
350
|
+
--pds-color-interactive-reverse-foreground-hover: oklch(0.5 0.155 254);
|
|
350
351
|
--pds-color-nav-item-reverse-foreground-hover: oklch(0.5198 0.1353 302.93);
|
|
351
352
|
--pds-color-nav-item-reverse-foreground-active: oklch(0.5198 0.1353 302.93);
|
|
352
353
|
--pds-color-overlay: rgba(0, 0, 0, 0.45);
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
--pds-animation-timing-function-default: cubic-bezier(.2, 0, 0, 1);
|
|
5
5
|
--pds-animation-transition-button: background-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, border-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, box-shadow 200ms cubic-bezier(.2, 0, 0, 1) 0ms, transform 200ms cubic-bezier(.2, 0, 0, 1) 0ms;
|
|
6
6
|
--pds-animation-transition-default: all 200ms cubic-bezier(.2, 0, 0, 1) 0ms;
|
|
7
|
-
--pds-animation-transition-focus: outline
|
|
8
|
-
--pds-animation-transition-input: border-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, background-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, box-shadow 200ms cubic-bezier(.2, 0, 0, 1) 0ms
|
|
7
|
+
--pds-animation-transition-focus: outline-offset 200ms cubic-bezier(.2, 0, 0, 1) 0ms, box-shadow 200ms cubic-bezier(.2, 0, 0, 1) 0ms, border-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms;
|
|
8
|
+
--pds-animation-transition-input: border-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, background-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, box-shadow 200ms cubic-bezier(.2, 0, 0, 1) 0ms;
|
|
9
9
|
--pds-animation-transition-link: color 200ms cubic-bezier(.2, 0, 0, 1) 0ms, text-decoration-color 200ms cubic-bezier(.2, 0, 0, 1) 0ms;
|
|
10
10
|
--pds-animation-transition-reveal: height 300ms cubic-bezier(.2, 0, 0, 1) 0ms, opacity 300ms cubic-bezier(.2, 0, 0, 1) 0ms, padding 300ms cubic-bezier(.2, 0, 0, 1) 0ms, width 300ms cubic-bezier(.2, 0, 0, 1) 0ms;
|
|
11
11
|
--pds-animation-transition-rotation: transform 200ms cubic-bezier(.2, 0, 0, 1) 0ms;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--pds-color-badge-critical-foreground: oklch(1.0000 0 0);
|
|
16
16
|
--pds-color-badge-critical-muted-background: oklch(0.8859 0.0414 19.05);
|
|
17
17
|
--pds-color-badge-critical-muted-foreground: oklch(0.2550 0.0814 25.05);
|
|
18
|
-
--pds-color-badge-info-background: oklch(0.
|
|
18
|
+
--pds-color-badge-info-background: oklch(0.5 0.155 254);
|
|
19
19
|
--pds-color-badge-info-foreground: oklch(1.0000 0 0);
|
|
20
20
|
--pds-color-badge-info-muted-background: oklch(0.9124 0.0439 250.42);
|
|
21
21
|
--pds-color-badge-info-muted-foreground: oklch(0.2940 0.1030 256.67);
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
--pds-color-badge-gold-foreground: oklch(1.0000 0 0);
|
|
64
64
|
--pds-color-badge-gold-muted-background: oklch(0.9281 0.0348 98.08);
|
|
65
65
|
--pds-color-badge-gold-muted-foreground: oklch(0.2816 0.0657 60.48);
|
|
66
|
-
--pds-color-banner-info-background: oklch(0.
|
|
66
|
+
--pds-color-banner-info-background: oklch(0.5 0.155 254);
|
|
67
67
|
--pds-color-banner-info-foreground: oklch(1.0000 0 0);
|
|
68
68
|
--pds-color-banner-warning-background: oklch(0.5658 0.1338 53.43);
|
|
69
69
|
--pds-color-banner-warning-foreground: oklch(1.0000 0 0);
|
|
@@ -76,6 +76,7 @@
|
|
|
76
76
|
--pds-color-card-background: oklch(1.0000 0 0);
|
|
77
77
|
--pds-color-code-block-background: oklch(0.31 0 0);
|
|
78
78
|
--pds-color-code-block-foreground: oklch(1 0 0);
|
|
79
|
+
--pds-color-code-block-focus: oklch(0.6382 0.1612 253.57);
|
|
79
80
|
--pds-color-code-block-line-prefix: #9699a1;
|
|
80
81
|
--pds-color-code-block-syntax-punctuation: #c3c5c9;
|
|
81
82
|
--pds-color-code-block-syntax-function: #f5c43a;
|
|
@@ -85,18 +86,18 @@
|
|
|
85
86
|
--pds-color-code-block-syntax-tag: #ff61ca;
|
|
86
87
|
--pds-color-code-block-syntax-deleted: #f8495d;
|
|
87
88
|
--pds-color-code-block-syntax-inserted: #a0f76e;
|
|
88
|
-
--pds-color-datepicker-accent-foreground: oklch(0.
|
|
89
|
-
--pds-color-datepicker-selected-background:
|
|
89
|
+
--pds-color-datepicker-accent-foreground: oklch(0.59 0.1689 253.60);
|
|
90
|
+
--pds-color-datepicker-selected-background: var(--pds-color-interactive-background-current);
|
|
90
91
|
--pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
|
|
91
92
|
--pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
|
|
92
93
|
--pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
|
|
93
94
|
--pds-color-pagination-foreground-current: var(--pds-color-interactive-background-current-foreground);
|
|
94
|
-
--pds-color-pagination-background-hover: oklch(0.
|
|
95
|
-
--pds-color-pagination-background-active: oklch(0.
|
|
96
|
-
--pds-color-pagination-background-current: oklch(0.
|
|
97
|
-
--pds-color-panel-sunken-background: oklch(0.
|
|
98
|
-
--pds-color-expansion-panel-hover: oklch(0.
|
|
99
|
-
--pds-color-expansion-panel-open: oklch(0.
|
|
95
|
+
--pds-color-pagination-background-hover: oklch(0.9731 0 0);
|
|
96
|
+
--pds-color-pagination-background-active: oklch(0.9124 0.0439 250.42);
|
|
97
|
+
--pds-color-pagination-background-current: oklch(0.5 0.155 254);
|
|
98
|
+
--pds-color-panel-sunken-background: oklch(0.9731 0 0);
|
|
99
|
+
--pds-color-expansion-panel-hover: oklch(0.9731 0 0);
|
|
100
|
+
--pds-color-expansion-panel-open: oklch(0.9731 0 0);
|
|
100
101
|
--pds-color-popover-border: oklch(0.9430 0 0);
|
|
101
102
|
--pds-color-skeleton-regular-base: oklch(0.8761 0 0);
|
|
102
103
|
--pds-color-skeleton-regular-shimmer: oklch(0.9430 0 0);
|
|
@@ -162,7 +163,7 @@
|
|
|
162
163
|
--pds-color-tag-warning-solid-foreground: oklch(1.0000 0 0);
|
|
163
164
|
--pds-color-tag-critical-solid-background: oklch(0.4501 0.1581 26.35);
|
|
164
165
|
--pds-color-tag-critical-solid-foreground: oklch(1.0000 0 0);
|
|
165
|
-
--pds-color-tag-info-solid-background: oklch(0.
|
|
166
|
+
--pds-color-tag-info-solid-background: oklch(0.5 0.155 254);
|
|
166
167
|
--pds-color-tag-info-solid-foreground: oklch(1.0000 0 0);
|
|
167
168
|
--pds-color-tag-discovery-solid-background: oklch(0.4274 0.1232 303.80);
|
|
168
169
|
--pds-color-tag-discovery-solid-foreground: oklch(1.0000 0 0);
|
|
@@ -172,13 +173,13 @@
|
|
|
172
173
|
--pds-color-tally-warning-foreground: oklch(1.0000 0 0);
|
|
173
174
|
--pds-color-tally-critical-background: oklch(0.4501 0.1581 26.35);
|
|
174
175
|
--pds-color-tally-critical-foreground: oklch(1.0000 0 0);
|
|
175
|
-
--pds-color-tally-info-background: oklch(0.
|
|
176
|
+
--pds-color-tally-info-background: oklch(0.5 0.155 254);
|
|
176
177
|
--pds-color-tally-info-foreground: oklch(1.0000 0 0);
|
|
177
178
|
--pds-color-tally-discovery-background: oklch(0.4274 0.1232 303.80);
|
|
178
179
|
--pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
|
|
179
180
|
--pds-color-brand-default: oklch(0.8622 0.1681 88.31);
|
|
180
181
|
--pds-color-surface-default: oklch(1.0000 0 0);
|
|
181
|
-
--pds-color-surface-default-secondary: oklch(0.
|
|
182
|
+
--pds-color-surface-default-secondary: oklch(0.9731 0 0);
|
|
182
183
|
--pds-color-surface-reverse: oklch(0.2178 0 0);
|
|
183
184
|
--pds-color-border-default: oklch(0.9430 0 0);
|
|
184
185
|
--pds-color-border-default-secondary: oklch(0.8761 0 0);
|
|
@@ -191,21 +192,21 @@
|
|
|
191
192
|
--pds-color-button-primary-foreground: var(--pds-color-foreground-reverse);
|
|
192
193
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
193
194
|
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.06);
|
|
194
|
-
--pds-color-button-secondary-background-active: oklch(0.
|
|
195
|
+
--pds-color-button-secondary-background-active: oklch(0.9731 0 0);
|
|
195
196
|
--pds-color-button-secondary-border: oklch(0.8047 0 0);
|
|
196
197
|
--pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
|
|
197
198
|
--pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
|
|
198
199
|
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
|
|
199
200
|
--pds-color-button-subtle-background-hover: rgba(0, 0, 0, 0.06);
|
|
200
|
-
--pds-color-button-subtle-background-active: oklch(0.
|
|
201
|
+
--pds-color-button-subtle-background-active: oklch(0.9731 0 0);
|
|
201
202
|
--pds-color-button-subtle-foreground: oklch(0.2178 0 0);
|
|
202
203
|
--pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
|
|
203
204
|
--pds-color-button-brand-background-hover: oklch(0.8018 0.1553 87.86);
|
|
204
205
|
--pds-color-button-brand-background-active: oklch(0.7457 0.1444 87.86);
|
|
205
206
|
--pds-color-button-brand-foreground: oklch(0.2178 0 0);
|
|
206
|
-
--pds-color-button-highlight-background-default:
|
|
207
|
-
--pds-color-button-highlight-background-hover: oklch(0.
|
|
208
|
-
--pds-color-button-highlight-background-active: oklch(0.
|
|
207
|
+
--pds-color-button-highlight-background-default: var(--pds-color-interactive-background-current);
|
|
208
|
+
--pds-color-button-highlight-background-hover: oklch(0.455 0.155 254);
|
|
209
|
+
--pds-color-button-highlight-background-active: oklch(0.44 0.1280 255.90);
|
|
209
210
|
--pds-color-button-highlight-foreground: var(--pds-color-foreground-reverse);
|
|
210
211
|
--pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
|
|
211
212
|
--pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
|
|
@@ -246,14 +247,14 @@
|
|
|
246
247
|
--pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
|
|
247
248
|
--pds-color-split-button-primary-separator: oklch(1.0000 0 0);
|
|
248
249
|
--pds-color-split-button-secondary-separator: oklch(0.8761 0 0);
|
|
249
|
-
--pds-color-segmented-button-background-inactive: oklch(0.
|
|
250
|
-
--pds-color-segmented-button-background-active: oklch(0.
|
|
250
|
+
--pds-color-segmented-button-background-inactive: oklch(0.9731 0 0);
|
|
251
|
+
--pds-color-segmented-button-background-active: oklch(0.5 0.155 254);
|
|
251
252
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|
|
252
253
|
--pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
|
|
253
254
|
--pds-color-category-ai-foreground: oklch(0.5198 0.1353 302.93);
|
|
254
255
|
--pds-color-category-ai-utility: oklch(0.6782 0.1118 309.11);
|
|
255
256
|
--pds-color-category-ai-background: oklch(0.9561 0.0155 306.41);
|
|
256
|
-
--pds-color-code-inline-background: oklch(0.
|
|
257
|
+
--pds-color-code-inline-background: oklch(0.9731 0 0);
|
|
257
258
|
--pds-color-code-inline-border: oklch(0.9430 0 0);
|
|
258
259
|
--pds-color-code-inline-text: oklch(0.2178 0 0);
|
|
259
260
|
--pds-color-datavis-categorical-1: #006dcc;
|
|
@@ -313,9 +314,9 @@
|
|
|
313
314
|
--pds-color-highlight-background: oklch(0.9 0.13 72);
|
|
314
315
|
--pds-color-highlight-foreground: oklch(0.2178 0 0);
|
|
315
316
|
--pds-color-input-placeholder: oklch(0.8047 0 0);
|
|
316
|
-
--pds-color-input-file-upload-button-background-default: oklch(0.
|
|
317
|
+
--pds-color-input-file-upload-button-background-default: oklch(0.9731 0 0);
|
|
317
318
|
--pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
|
|
318
|
-
--pds-color-input-selected-background: oklch(0.
|
|
319
|
+
--pds-color-input-selected-background: oklch(0.59 0.1689 253.60);
|
|
319
320
|
--pds-color-input-selected-foreground: oklch(1.0000 0 0);
|
|
320
321
|
--pds-color-input-switch-icon: oklch(1.0000 0 0);
|
|
321
322
|
--pds-color-input-switch-background: oklch(0.4778 0.0020 247.87);
|
|
@@ -324,29 +325,29 @@
|
|
|
324
325
|
--pds-color-input-tag-background-active: oklch(0.9561 0.0155 306.41);
|
|
325
326
|
--pds-color-input-tag-foreground-default: oklch(0.2178 0 0);
|
|
326
327
|
--pds-color-input-tag-foreground-hover: oklch(0.2178 0 0);
|
|
327
|
-
--pds-color-input-tag-foreground-active: oklch(0.
|
|
328
|
-
--pds-color-input-tag-outline-active: oklch(0.
|
|
329
|
-
--pds-color-interactive-focus: oklch(0.
|
|
330
|
-
--pds-color-interactive-link-default: oklch(0.
|
|
328
|
+
--pds-color-input-tag-foreground-active: oklch(0.59 0.1689 253.60);
|
|
329
|
+
--pds-color-input-tag-outline-active: oklch(0.59 0.1689 253.60);
|
|
330
|
+
--pds-color-interactive-focus: oklch(0.59 0.1689 253.60);
|
|
331
|
+
--pds-color-interactive-link-default: oklch(0.5 0.155 254);
|
|
331
332
|
--pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
|
|
332
333
|
--pds-color-interactive-link-active: oklch(0.5093 0.1241 35.58);
|
|
333
|
-
--pds-color-interactive-link-visited: oklch(0.
|
|
334
|
-
--pds-color-interactive-foreground-current: oklch(0.
|
|
335
|
-
--pds-color-interactive-foreground-hover: oklch(0.
|
|
336
|
-
--pds-color-interactive-foreground-active: oklch(0.
|
|
334
|
+
--pds-color-interactive-link-visited: oklch(0.5 0.155 254);
|
|
335
|
+
--pds-color-interactive-foreground-current: oklch(0.59 0.1689 253.60);
|
|
336
|
+
--pds-color-interactive-foreground-hover: oklch(0.5 0.155 254);
|
|
337
|
+
--pds-color-interactive-foreground-active: oklch(0.5 0.155 254);
|
|
337
338
|
--pds-color-interactive-foreground-inactive: oklch(0.8047 0 0);
|
|
338
|
-
--pds-color-interactive-background-current: oklch(0.
|
|
339
|
+
--pds-color-interactive-background-current: oklch(0.5 0.155 254);
|
|
339
340
|
--pds-color-interactive-background-current-foreground: oklch(1.0000 0 0);
|
|
340
|
-
--pds-color-interactive-background-hover: oklch(0.
|
|
341
|
+
--pds-color-interactive-background-hover: oklch(0.9731 0 0);
|
|
341
342
|
--pds-color-interactive-background-active: oklch(0.9430 0 0);
|
|
342
|
-
--pds-color-interactive-background-selected: oklch(0.
|
|
343
|
+
--pds-color-interactive-background-selected: oklch(0.9124 0.0439 250.42);
|
|
343
344
|
--pds-color-interactive-background-selected-foreground: oklch(0.2178 0 0);
|
|
344
|
-
--pds-color-interactive-reverse-focus: oklch(0.
|
|
345
|
-
--pds-color-interactive-reverse-link-default: oklch(0.
|
|
345
|
+
--pds-color-interactive-reverse-focus: oklch(0.6382 0.1612 253.57);
|
|
346
|
+
--pds-color-interactive-reverse-link-default: oklch(0.6382 0.1612 253.57);
|
|
346
347
|
--pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
|
|
347
348
|
--pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
|
|
348
|
-
--pds-color-interactive-reverse-link-visited: oklch(0.
|
|
349
|
-
--pds-color-interactive-reverse-foreground-hover: oklch(0.
|
|
349
|
+
--pds-color-interactive-reverse-link-visited: oklch(0.6382 0.1612 253.57);
|
|
350
|
+
--pds-color-interactive-reverse-foreground-hover: oklch(0.8369 0.0765 253.48);
|
|
350
351
|
--pds-color-nav-item-reverse-foreground-hover: oklch(0.8275 0.0578 308.23);
|
|
351
352
|
--pds-color-nav-item-reverse-foreground-active: oklch(0.8275 0.0578 308.23);
|
|
352
353
|
--pds-color-overlay: rgba(0, 0, 0, 0.45);
|
|
@@ -379,9 +380,9 @@
|
|
|
379
380
|
--pds-color-status-critical-border: oklch(0.5338 0.1771 25.54);
|
|
380
381
|
--pds-color-status-critical-background: oklch(0.9629 0.0152 22.40);
|
|
381
382
|
--pds-color-status-critical-background-hover: oklch(0.8859 0.0414 19.05);
|
|
382
|
-
--pds-color-status-info-foreground: oklch(0.
|
|
383
|
-
--pds-color-status-info-fill: oklch(0.
|
|
384
|
-
--pds-color-status-info-border: oklch(0.
|
|
383
|
+
--pds-color-status-info-foreground: oklch(0.5 0.155 254);
|
|
384
|
+
--pds-color-status-info-fill: oklch(0.59 0.1689 253.60);
|
|
385
|
+
--pds-color-status-info-border: oklch(0.59 0.1689 253.60);
|
|
385
386
|
--pds-color-status-info-background: oklch(0.9587 0.0206 248.04);
|
|
386
387
|
--pds-color-status-info-background-hover: oklch(0.9124 0.0439 250.42);
|
|
387
388
|
--pds-color-status-discovery-foreground: oklch(0.4274 0.1232 303.80);
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.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{contain:layout;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__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.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:var(--pds-spacing-4xs);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)
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.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{contain:layout;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:focus:not(:focus-visible){outline:none}.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__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.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:var(--pds-spacing-4xs);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)
|
|
2
2
|
.pds-app-layout__content-column{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
3
|
.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__content-column,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__main{flex:1 0 auto}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.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{contain:layout;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__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.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:var(--pds-spacing-4xs);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)
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.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{contain:layout;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:focus:not(:focus-visible){outline:none}.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__content-column{border-left:1px solid var(--pds-color-border-default);transition:border-color .15s ease-in-out}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar .pds-identity-block__text{transition:opacity .2s ease-in-out}.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:var(--pds-spacing-4xs);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)
|
|
2
2
|
.pds-app-layout__content-column{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
3
|
.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__content-column,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}.pds-app-layout--scrollable .pds-app-layout__main{flex:1 0 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{--stepper-form-inset:0;container-type:inline-size;padding-inline:0;width:100%}@media (min-width:768px){.pds-stepper-layout{--stepper-form-inset:14cqi}}@media (min-width:1280px){.pds-stepper-layout{--stepper-form-inset:16cqi}}@media (min-width:768px){.pds-stepper-layout--full-width{--stepper-form-inset:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.pds-stepper-layout__stepper-container{padding-block-start:var(--pds-spacing-m)}.pds-stepper-layout__form-container{padding-block-end:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-3xl);padding-inline:var(--stepper-form-inset)}@media (min-width:768px){.pds-stepper-layout__form-container{margin-inline:auto}}.pds-stepper__button-group{column-gap:var(--pds-spacing-xl);display:flex;justify-content:space-between;margin-inline:0;max-width:none;padding-block-start:var(--pds-spacing-3xl);transform:none;width:auto}@media (min-width:768px){.pds-stepper__button-group{margin-inline:calc(var(--stepper-form-inset)*-1);padding-inline:calc(var(--pds-spacing-stepper-indicator-size)*2)}}.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}}
|