@pantheon-systems/pds-toolkit-react 2.0.0-alpha.31 → 2.0.0-alpha.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CodeBlock/code-examples.d.ts +1 -1
- package/dist/components/navigation/SideNav/SideNav.d.ts +7 -1
- package/dist/components/navigation/TreeNav/TreeNav.d.ts +48 -0
- 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-breadcrumb.css +1 -1
- package/dist/css/component-css/pds-button-link.css +1 -1
- package/dist/css/component-css/pds-button.css +16 -8
- 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-chart-legend.css +1 -1
- package/dist/css/component-css/pds-chart-wrapper.css +1 -1
- package/dist/css/component-css/pds-checkbox.css +1 -1
- package/dist/css/component-css/pds-combobox-multiselect.css +2 -2
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-compact-empty-state.css +1 -1
- package/dist/css/component-css/pds-comparison-list.css +1 -1
- package/dist/css/component-css/pds-datepicker.css +2 -2
- package/dist/css/component-css/pds-drawer.css +1 -1
- package/dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/dist/css/component-css/pds-dropdown.css +2 -2
- package/dist/css/component-css/pds-expansion-panel.css +1 -1
- package/dist/css/component-css/pds-file-diff.css +1 -1
- package/dist/css/component-css/pds-file-upload.css +3 -3
- package/dist/css/component-css/pds-full-screen-overlay.css +1 -1
- package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
- package/dist/css/component-css/pds-icon.css +1 -1
- package/dist/css/component-css/pds-identity-block.css +1 -1
- package/dist/css/component-css/pds-index.css +40 -38
- package/dist/css/component-css/pds-inline-message.css +1 -1
- package/dist/css/component-css/pds-input-utilities.css +1 -1
- package/dist/css/component-css/pds-menu-button.css +1 -1
- package/dist/css/component-css/pds-modal.css +1 -1
- package/dist/css/component-css/pds-nav-menu.css +1 -5
- package/dist/css/component-css/pds-navbar.css +2 -2
- package/dist/css/component-css/pds-notification-hub-icon.css +1 -1
- package/dist/css/component-css/pds-notifications-popover.css +2 -2
- package/dist/css/component-css/pds-pagination-compact.css +1 -1
- package/dist/css/component-css/pds-pagination-mini.css +1 -1
- package/dist/css/component-css/pds-pagination.css +1 -1
- package/dist/css/component-css/pds-panel-list.css +1 -1
- package/dist/css/component-css/pds-panel.css +1 -1
- package/dist/css/component-css/pds-pantheon-logo.css +1 -1
- package/dist/css/component-css/pds-pie-chart.css +1 -1
- package/dist/css/component-css/pds-popover.css +1 -1
- package/dist/css/component-css/pds-progress-bar.css +1 -1
- package/dist/css/component-css/pds-progress-ring.css +1 -1
- package/dist/css/component-css/pds-proportion-bar.css +1 -1
- package/dist/css/component-css/pds-radio-group.css +1 -1
- package/dist/css/component-css/pds-section-message.css +1 -1
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-side-nav-global.css +2 -6
- package/dist/css/component-css/pds-side-nav.css +3 -1
- package/dist/css/component-css/pds-site-footer.css +1 -1
- package/dist/css/component-css/pds-sortable-list.css +2 -2
- package/dist/css/component-css/pds-status-badge.css +1 -1
- package/dist/css/component-css/pds-status-checker.css +1 -1
- package/dist/css/component-css/pds-status-indicator.css +1 -1
- package/dist/css/component-css/pds-step-list.css +1 -1
- package/dist/css/component-css/pds-stepper.css +1 -1
- package/dist/css/component-css/pds-switch.css +1 -1
- package/dist/css/component-css/pds-tab-menu.css +2 -2
- package/dist/css/component-css/pds-table-of-contents.css +1 -1
- package/dist/css/component-css/pds-table.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-tally.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-tooltip.css +1 -1
- package/dist/css/component-css/pds-tree-nav.css +1 -0
- package/dist/css/component-css/pds-user-menu.css +1 -1
- 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-vertical-stepper.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +2 -2
- package/dist/css/design-tokens/variables.dark.css +145 -150
- package/dist/css/design-tokens/variables.light.css +136 -141
- package/dist/css/layout-css/pds-app-layout.css +2 -2
- package/dist/css/layout-css/pds-index.css +2 -2
- package/dist/css/layout-css/pds-stepper-layout.css +1 -1
- package/dist/css/pds-components.css +40 -38
- package/dist/css/pds-core.css +2 -2
- package/dist/css/pds-layouts.css +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +3386 -2930
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +1 -1
- package/dist/layouts/AppLayout/AppLayout.d.ts +2 -2
- package/dist/libs/types/custom-types.d.ts +1 -1
- package/package.json +3 -3
- package/dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +0 -53
- package/dist/css/component-css/pds-side-nav-compact.css +0 -1
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
--pds-color-banner-info-background: oklch(0.5476 0.1867 255.95);
|
|
92
92
|
--pds-color-banner-info-foreground: oklch(1.0000 0 0);
|
|
93
93
|
--pds-color-banner-warning-background: oklch(0.8008 0.1637 90.52);
|
|
94
|
-
--pds-color-banner-warning-foreground: oklch(0.
|
|
94
|
+
--pds-color-banner-warning-foreground: oklch(0.2178 0 0);
|
|
95
95
|
--pds-color-banner-critical-background: oklch(0.5856 0.2126 29.44);
|
|
96
96
|
--pds-color-banner-critical-foreground: oklch(1.0000 0 0);
|
|
97
97
|
--pds-color-banner-discovery-background: oklch(0.5817 0.2576 306.75);
|
|
@@ -99,34 +99,34 @@
|
|
|
99
99
|
--pds-color-banner-neutral-background: oklch(0.2046 0 0);
|
|
100
100
|
--pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
|
|
101
101
|
--pds-color-card-background: oklch(1.0000 0 0);
|
|
102
|
-
--pds-color-code-block-dark-background: var(--pds-color-
|
|
103
|
-
--pds-color-code-block-dark-foreground: var(--pds-color-
|
|
102
|
+
--pds-color-code-block-dark-background: var(--pds-color-surface-reverse);
|
|
103
|
+
--pds-color-code-block-dark-foreground: var(--pds-color-foreground-reverse);
|
|
104
104
|
--pds-color-code-block-dark-line-prefix: #9699A1;
|
|
105
105
|
--pds-color-code-block-dark-highlight: #474954;
|
|
106
106
|
--pds-color-code-block-light-background: #EFF0F0;
|
|
107
107
|
--pds-color-code-block-light-foreground: #3B3D45;
|
|
108
108
|
--pds-color-code-block-light-line-prefix: #686D78;
|
|
109
109
|
--pds-color-code-block-light-highlight: #DEDFE0;
|
|
110
|
-
--pds-color-dashboard-toggle-button-background: var(--pds-color-
|
|
111
|
-
--pds-color-dashboard-toggle-button-foreground: var(--pds-color-
|
|
112
|
-
--pds-color-dashboard-nav-background: var(--pds-color-
|
|
110
|
+
--pds-color-dashboard-toggle-button-background: var(--pds-color-surface-reverse);
|
|
111
|
+
--pds-color-dashboard-toggle-button-foreground: var(--pds-color-foreground-reverse);
|
|
112
|
+
--pds-color-dashboard-nav-background: var(--pds-color-surface-default-secondary);
|
|
113
113
|
--pds-color-dashboard-nav-background-admin: #edecf8;
|
|
114
114
|
--pds-color-dashboard-nav-item-background-default: rgba(255, 255, 255, 0.00);
|
|
115
115
|
--pds-color-dashboard-nav-item-background-hover: oklch(0.9401 0 0);
|
|
116
116
|
--pds-color-dashboard-nav-item-background-hover-admin: oklch(0.9851 0 0);
|
|
117
|
-
--pds-color-dashboard-nav-item-background-active: var(--pds-color-
|
|
118
|
-
--pds-color-dashboard-nav-item-foreground-default: var(--pds-color-
|
|
119
|
-
--pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-
|
|
120
|
-
--pds-color-dashboard-nav-item-foreground-active: var(--pds-color-
|
|
117
|
+
--pds-color-dashboard-nav-item-background-active: var(--pds-color-surface-reverse);
|
|
118
|
+
--pds-color-dashboard-nav-item-foreground-default: var(--pds-color-foreground-default);
|
|
119
|
+
--pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-foreground-default);
|
|
120
|
+
--pds-color-dashboard-nav-item-foreground-active: var(--pds-color-foreground-reverse);
|
|
121
121
|
--pds-color-datepicker-accent-foreground: oklch(0.5558 0.2372 267.79);
|
|
122
122
|
--pds-color-datepicker-range-background: oklch(0.955 0.0212 268.43);
|
|
123
|
-
--pds-color-datepicker-range-foreground: oklch(0.
|
|
123
|
+
--pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
|
|
124
124
|
--pds-color-datepicker-selected-background: oklch(0.5558 0.2372 267.79);
|
|
125
|
-
--pds-color-datepicker-selected-foreground: oklch(
|
|
126
|
-
--pds-color-log-row-standard-background-default: oklch(0.
|
|
127
|
-
--pds-color-log-row-standard-background-hover: oklch(0.
|
|
128
|
-
--pds-color-log-row-warning-background-default: oklch(0.
|
|
129
|
-
--pds-color-log-row-error-background-default: oklch(0.
|
|
125
|
+
--pds-color-datepicker-selected-foreground: oklch(0.9702 0 0);
|
|
126
|
+
--pds-color-log-row-standard-background-default: oklch(0.2178 0 0);
|
|
127
|
+
--pds-color-log-row-standard-background-hover: oklch(0.5173 0 0);
|
|
128
|
+
--pds-color-log-row-warning-background-default: oklch(0.9665 0.0199 70.00);
|
|
129
|
+
--pds-color-log-row-error-background-default: oklch(0.9740 0.0075 17.42);
|
|
130
130
|
--pds-color-pagination-foreground-hover: oklch(0.2046 0 0);
|
|
131
131
|
--pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
|
|
132
132
|
--pds-color-pagination-foreground-current: oklch(1 0 0);
|
|
@@ -204,96 +204,97 @@
|
|
|
204
204
|
--pds-color-tag-stone-background: #717171;
|
|
205
205
|
--pds-color-tag-stone-foreground: oklch(1 0 0);
|
|
206
206
|
--pds-color-toast-background: oklch(0.3715 0 0);
|
|
207
|
-
--pds-color-toast-foreground: oklch(
|
|
207
|
+
--pds-color-toast-foreground: oklch(0.9702 0 0);
|
|
208
208
|
--pds-color-toast-action: oklch(0.8047 0 0);
|
|
209
209
|
--pds-color-toast-info-icon: oklch(0.7019 0.1604 252.41);
|
|
210
210
|
--pds-color-toast-success-icon: oklch(0.7275 0.177 148.24);
|
|
211
211
|
--pds-color-toast-warning-icon: oklch(0.8008 0.1637 90.52);
|
|
212
212
|
--pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
|
|
213
|
-
--pds-color-
|
|
214
|
-
--pds-color-
|
|
215
|
-
--pds-color-
|
|
216
|
-
--pds-color-border-default: oklch(0.
|
|
217
|
-
--pds-color-border-default-secondary: oklch(0.
|
|
218
|
-
--pds-color-border-input: oklch(0.
|
|
213
|
+
--pds-color-surface-default: oklch(1.0000 0 0);
|
|
214
|
+
--pds-color-surface-default-secondary: oklch(0.9702 0 0);
|
|
215
|
+
--pds-color-surface-reverse: oklch(0.2178 0 0);
|
|
216
|
+
--pds-color-border-default: oklch(0.9430 0 0);
|
|
217
|
+
--pds-color-border-default-secondary: oklch(0.8818 0 0);
|
|
218
|
+
--pds-color-border-input: oklch(0.8818 0 0);
|
|
219
219
|
--pds-color-border-separator: oklch(0.8047 0 0);
|
|
220
220
|
--pds-color-border-hover: oklch(0.85 0 0);
|
|
221
|
-
--pds-color-button-primary-background-default: oklch(0.
|
|
222
|
-
--pds-color-button-primary-background-hover: oklch(0.
|
|
223
|
-
--pds-color-button-primary-foreground: var(--pds-color-
|
|
221
|
+
--pds-color-button-primary-background-default: oklch(0.2178 0 0);
|
|
222
|
+
--pds-color-button-primary-background-hover: oklch(0.3493 0.0293 246.75);
|
|
223
|
+
--pds-color-button-primary-foreground: var(--pds-color-foreground-reverse);
|
|
224
224
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
225
|
-
--pds-color-button-secondary-background-hover: oklch(0.
|
|
226
|
-
--pds-color-button-secondary-border: oklch(0.
|
|
227
|
-
--pds-color-button-secondary-foreground: oklch(0.
|
|
225
|
+
--pds-color-button-secondary-background-hover: oklch(0.9702 0 0);
|
|
226
|
+
--pds-color-button-secondary-border: oklch(0.8047 0 0);
|
|
227
|
+
--pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
|
|
228
|
+
--pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
|
|
228
229
|
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
|
|
229
|
-
--pds-color-button-subtle-background-hover: oklch(0.
|
|
230
|
-
--pds-color-button-subtle-foreground: oklch(0.
|
|
231
|
-
--pds-color-button-brand-background-default: oklch(0.
|
|
232
|
-
--pds-color-button-brand-background-hover: oklch(0.
|
|
233
|
-
--pds-color-button-brand-foreground: oklch(0.
|
|
234
|
-
--pds-color-button-
|
|
235
|
-
--pds-color-button-
|
|
236
|
-
--pds-color-button-
|
|
237
|
-
--pds-color-button-critical-background-default: oklch(0.
|
|
238
|
-
--pds-color-button-critical-background-hover: oklch(0.
|
|
239
|
-
--pds-color-button-critical-foreground: oklch(
|
|
230
|
+
--pds-color-button-subtle-background-hover: oklch(0.9702 0 0);
|
|
231
|
+
--pds-color-button-subtle-foreground: oklch(0.2178 0 0);
|
|
232
|
+
--pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
|
|
233
|
+
--pds-color-button-brand-background-hover: oklch(0.8018 0.1553 87.86);
|
|
234
|
+
--pds-color-button-brand-foreground: oklch(0.2178 0 0);
|
|
235
|
+
--pds-color-button-highlight-background-default: oklch(0.5256 0.1988 268.04);
|
|
236
|
+
--pds-color-button-highlight-background-hover: oklch(0.4293 0.1892 266.63);
|
|
237
|
+
--pds-color-button-highlight-foreground: oklch(1.0000 0 0);
|
|
238
|
+
--pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
|
|
239
|
+
--pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
|
|
240
|
+
--pds-color-button-critical-foreground: oklch(0.9702 0 0);
|
|
240
241
|
--pds-color-button-critical-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
241
|
-
--pds-color-button-critical-secondary-background-hover: oklch(0.
|
|
242
|
+
--pds-color-button-critical-secondary-background-hover: oklch(0.9740 0.0075 17.42);
|
|
242
243
|
--pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
|
|
243
244
|
--pds-color-button-critical-secondary-border-hover: var(--pds-color-status-critical-foreground);
|
|
244
|
-
--pds-color-button-critical-secondary-foreground: oklch(0.
|
|
245
|
+
--pds-color-button-critical-secondary-foreground: oklch(0.4501 0.1581 26.35);
|
|
245
246
|
--pds-color-button-navbar-background-default: rgba(255, 255, 255, 0.00);
|
|
246
|
-
--pds-color-button-navbar-background-hover: oklch(
|
|
247
|
-
--pds-color-button-navbar-foreground: oklch(0.
|
|
248
|
-
--pds-color-button-reverse-background-default: oklch(
|
|
249
|
-
--pds-color-button-reverse-background-hover: oklch(0.
|
|
250
|
-
--pds-color-button-reverse-foreground: oklch(0.
|
|
247
|
+
--pds-color-button-navbar-background-hover: oklch(0.9702 0 0);
|
|
248
|
+
--pds-color-button-navbar-foreground: oklch(0.2178 0 0);
|
|
249
|
+
--pds-color-button-reverse-background-default: oklch(0.9702 0 0);
|
|
250
|
+
--pds-color-button-reverse-background-hover: oklch(0.8818 0 0);
|
|
251
|
+
--pds-color-button-reverse-foreground: oklch(0.2178 0 0);
|
|
251
252
|
--pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
252
|
-
--pds-color-button-reverse-secondary-background-hover:
|
|
253
|
-
--pds-color-button-reverse-secondary-border: oklch(
|
|
253
|
+
--pds-color-button-reverse-secondary-background-hover: oklch(0.2931 0 0);
|
|
254
|
+
--pds-color-button-reverse-secondary-border: oklch(0.5103 0 0);
|
|
254
255
|
--pds-color-button-reverse-secondary-foreground: oklch(1.0000 0 0);
|
|
255
|
-
--pds-color-close-button-foreground: oklch(0.
|
|
256
|
+
--pds-color-close-button-foreground: oklch(0.5173 0 0);
|
|
256
257
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
257
258
|
--pds-color-close-button-background-hover: #1717171a;
|
|
258
259
|
--pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
|
|
259
260
|
--pds-color-icon-button-standard-background-hover: #1717170d;
|
|
260
261
|
--pds-color-icon-button-standard-border-default: #1717171f;
|
|
261
262
|
--pds-color-icon-button-standard-border-hover: #17171726;
|
|
262
|
-
--pds-color-icon-button-standard-foreground: oklch(0.
|
|
263
|
+
--pds-color-icon-button-standard-foreground: oklch(0.3791 0 0);
|
|
263
264
|
--pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
|
|
264
|
-
--pds-color-icon-button-critical-background-hover: oklch(0.
|
|
265
|
-
--pds-color-icon-button-critical-border-default: oklch(0.
|
|
266
|
-
--pds-color-icon-button-critical-border-hover: oklch(0.
|
|
267
|
-
--pds-color-icon-button-critical-foreground: oklch(0.
|
|
265
|
+
--pds-color-icon-button-critical-background-hover: oklch(0.9740 0.0075 17.42);
|
|
266
|
+
--pds-color-icon-button-critical-border-default: oklch(0.8859 0.0414 19.05);
|
|
267
|
+
--pds-color-icon-button-critical-border-hover: oklch(0.8859 0.0414 19.05);
|
|
268
|
+
--pds-color-icon-button-critical-foreground: oklch(0.5338 0.1771 25.54);
|
|
268
269
|
--pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
|
|
269
270
|
--pds-color-icon-button-reverse-background-hover: #ffffff1a;
|
|
270
|
-
--pds-color-icon-button-reverse-border-default:
|
|
271
|
-
--pds-color-icon-button-reverse-border-hover:
|
|
272
|
-
--pds-color-icon-button-reverse-foreground: oklch(
|
|
273
|
-
--pds-color-split-button-primary-separator: oklch(0.
|
|
274
|
-
--pds-color-split-button-secondary-separator: oklch(0.
|
|
271
|
+
--pds-color-icon-button-reverse-border-default: oklch(0.5103 0 0);
|
|
272
|
+
--pds-color-icon-button-reverse-border-hover: oklch(0.5103 0 0);
|
|
273
|
+
--pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
|
|
274
|
+
--pds-color-split-button-primary-separator: oklch(0.5173 0 0);
|
|
275
|
+
--pds-color-split-button-secondary-separator: oklch(0.8818 0 0);
|
|
275
276
|
--pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
|
|
276
277
|
--pds-color-segmented-button-background-active: oklch(1.0000 0 0);
|
|
277
|
-
--pds-color-segmented-button-foreground-inactive: var(--pds-color-
|
|
278
|
-
--pds-color-segmented-button-foreground-active: var(--pds-color-
|
|
279
|
-
--pds-color-category-ai-foreground: oklch(0.
|
|
280
|
-
--pds-color-category-ai-utility: oklch(0.
|
|
281
|
-
--pds-color-category-ai-background: oklch(0.
|
|
282
|
-
--pds-color-code-inline-background: oklch(0.
|
|
283
|
-
--pds-color-code-inline-border: oklch(0.
|
|
284
|
-
--pds-color-code-inline-text: oklch(0.
|
|
278
|
+
--pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
|
|
279
|
+
--pds-color-segmented-button-foreground-active: var(--pds-color-foreground-default);
|
|
280
|
+
--pds-color-category-ai-foreground: oklch(0.5200 0.1177 303.12);
|
|
281
|
+
--pds-color-category-ai-utility: oklch(0.6777 0.0966 309.02);
|
|
282
|
+
--pds-color-category-ai-background: oklch(0.9559 0.0143 308.29);
|
|
283
|
+
--pds-color-code-inline-background: oklch(0.9702 0 0);
|
|
284
|
+
--pds-color-code-inline-border: oklch(0.9430 0 0);
|
|
285
|
+
--pds-color-code-inline-text: oklch(0.2178 0 0);
|
|
285
286
|
--pds-color-datavis-categorical-1: #00b29e;
|
|
286
287
|
--pds-color-datavis-categorical-2: #3778d7;
|
|
287
288
|
--pds-color-datavis-categorical-3: #8854bb;
|
|
288
289
|
--pds-color-datavis-categorical-4: #ea6134;
|
|
289
|
-
--pds-color-datavis-sequential-
|
|
290
|
-
--pds-color-datavis-sequential-
|
|
291
|
-
--pds-color-datavis-sequential-
|
|
292
|
-
--pds-color-datavis-sequential-
|
|
293
|
-
--pds-color-datavis-sequential-
|
|
294
|
-
--pds-color-datavis-sequential-
|
|
295
|
-
--pds-color-datavis-sequential-
|
|
296
|
-
--pds-color-datavis-sequential-
|
|
290
|
+
--pds-color-datavis-sequential-blue-1: #eaf0ff;
|
|
291
|
+
--pds-color-datavis-sequential-blue-2: #c6d6ff;
|
|
292
|
+
--pds-color-datavis-sequential-blue-3: #9db9ff;
|
|
293
|
+
--pds-color-datavis-sequential-blue-4: #749cff;
|
|
294
|
+
--pds-color-datavis-sequential-blue-5: #3a5dfb;
|
|
295
|
+
--pds-color-datavis-sequential-blue-6: #2e4bd9;
|
|
296
|
+
--pds-color-datavis-sequential-blue-7: #1d38b2;
|
|
297
|
+
--pds-color-datavis-sequential-blue-8: #0e2177;
|
|
297
298
|
--pds-color-datavis-sequential-neutral-1: #ebebeb;
|
|
298
299
|
--pds-color-datavis-sequential-neutral-2: #cccccc;
|
|
299
300
|
--pds-color-datavis-sequential-neutral-3: #adadad;
|
|
@@ -332,57 +333,51 @@
|
|
|
332
333
|
--pds-color-datavis-status-warning: #ab6000;
|
|
333
334
|
--pds-color-datavis-status-discovery: #6f20a5;
|
|
334
335
|
--pds-color-datavis-status-neutral: #6a6e7a;
|
|
335
|
-
--pds-color-dropdown-background: var(--pds-color-
|
|
336
|
-
--pds-color-dropdown-foreground: var(--pds-color-
|
|
337
|
-
--pds-color-dropdown-heading: var(--pds-color-
|
|
338
|
-
--pds-color-dropdown-description: var(--pds-color-
|
|
336
|
+
--pds-color-dropdown-background: var(--pds-color-surface-default);
|
|
337
|
+
--pds-color-dropdown-foreground: var(--pds-color-foreground-default);
|
|
338
|
+
--pds-color-dropdown-heading: var(--pds-color-foreground-default-secondary);
|
|
339
|
+
--pds-color-dropdown-description: var(--pds-color-foreground-default-secondary);
|
|
339
340
|
--pds-color-dropdown-item-background-hover: var(--pds-color-interactive-background-hover);
|
|
340
341
|
--pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
|
|
341
342
|
--pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
|
|
342
343
|
--pds-color-dropdown-top-border: #dfdfdf;
|
|
343
|
-
--pds-color-
|
|
344
|
-
--pds-color-
|
|
345
|
-
--pds-color-
|
|
346
|
-
--pds-color-
|
|
344
|
+
--pds-color-foreground-default: oklch(0.2178 0 0);
|
|
345
|
+
--pds-color-foreground-default-secondary: oklch(0.5173 0 0);
|
|
346
|
+
--pds-color-foreground-reverse: oklch(0.9702 0 0);
|
|
347
|
+
--pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
|
|
347
348
|
--pds-color-input-placeholder: oklch(0.8047 0 0);
|
|
348
349
|
--pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
|
|
349
|
-
--pds-color-input-file-upload-button-background-hover: oklch(0.
|
|
350
|
-
--pds-color-input-selected-background: oklch(0.
|
|
350
|
+
--pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
|
|
351
|
+
--pds-color-input-selected-background: oklch(0.5256 0.1988 268.04);
|
|
351
352
|
--pds-color-input-selected-foreground: oklch(1.0000 0 0);
|
|
352
|
-
--pds-color-input-switch-icon: oklch(
|
|
353
|
+
--pds-color-input-switch-icon: oklch(0.9702 0 0);
|
|
353
354
|
--pds-color-input-tag-background-default: oklch(0.907 0 0);
|
|
354
355
|
--pds-color-input-tag-background-hover: oklch(0.87 0 0);
|
|
355
|
-
--pds-color-input-tag-background-active: oklch(0.
|
|
356
|
-
--pds-color-input-tag-foreground-default: oklch(0.
|
|
357
|
-
--pds-color-input-tag-foreground-hover: oklch(0.
|
|
358
|
-
--pds-color-input-tag-foreground-active: oklch(0.
|
|
359
|
-
--pds-color-input-tag-outline-active: oklch(0.
|
|
356
|
+
--pds-color-input-tag-background-active: oklch(0.9559 0.0143 308.29);
|
|
357
|
+
--pds-color-input-tag-foreground-default: oklch(0.2178 0 0);
|
|
358
|
+
--pds-color-input-tag-foreground-hover: oklch(0.2178 0 0);
|
|
359
|
+
--pds-color-input-tag-foreground-active: oklch(0.5256 0.1988 268.04);
|
|
360
|
+
--pds-color-input-tag-outline-active: oklch(0.5256 0.1988 268.04);
|
|
360
361
|
--pds-color-interactive-background-hover: oklch(0.9702 0 0);
|
|
361
|
-
--pds-color-interactive-background-active: oklch(0.
|
|
362
|
-
--pds-color-interactive-focus: oklch(0.
|
|
363
|
-
--pds-color-interactive-link-default: oklch(0.
|
|
364
|
-
--pds-color-interactive-link-hover: oklch(0.
|
|
365
|
-
--pds-color-interactive-link-active: oklch(0.
|
|
366
|
-
--pds-color-interactive-link-visited: oklch(0.
|
|
367
|
-
--pds-color-interactive-ui-hover: oklch(0.
|
|
368
|
-
--pds-color-interactive-
|
|
369
|
-
--pds-color-interactive-
|
|
370
|
-
--pds-color-interactive-
|
|
371
|
-
--pds-color-interactive-
|
|
372
|
-
--pds-color-interactive-reverse-
|
|
373
|
-
--pds-color-interactive-reverse-
|
|
374
|
-
--pds-color-
|
|
375
|
-
--pds-color-
|
|
376
|
-
--pds-color-
|
|
377
|
-
--pds-color-
|
|
378
|
-
--pds-color-nav-
|
|
379
|
-
--pds-color-nav-
|
|
380
|
-
--pds-color-nav-side-nav-item-foreground-active: var(--pds-color-fg-default);
|
|
381
|
-
--pds-color-nav-item-default-foreground-hover: oklch(0.542 0.2895 299.91);
|
|
382
|
-
--pds-color-nav-item-default-foreground-active: oklch(0.542 0.2895 299.91);
|
|
383
|
-
--pds-color-nav-item-default-foreground-trigger: oklch(0.8047 0 0);
|
|
384
|
-
--pds-color-nav-item-reverse-foreground-hover: oklch(0.8586 0.0908 307.99);
|
|
385
|
-
--pds-color-nav-item-reverse-foreground-active: oklch(0.8586 0.0908 307.99);
|
|
362
|
+
--pds-color-interactive-background-active: oklch(0.9430 0 0);
|
|
363
|
+
--pds-color-interactive-focus: oklch(0.5256 0.1988 268.04);
|
|
364
|
+
--pds-color-interactive-link-default: oklch(0.5256 0.1988 268.04);
|
|
365
|
+
--pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
|
|
366
|
+
--pds-color-interactive-link-active: oklch(0.5093 0.1241 35.58);
|
|
367
|
+
--pds-color-interactive-link-visited: oklch(0.5256 0.1988 268.04);
|
|
368
|
+
--pds-color-interactive-ui-hover: oklch(0.5256 0.1988 268.04);
|
|
369
|
+
--pds-color-interactive-ui-active: oklch(0.5256 0.1988 268.04);
|
|
370
|
+
--pds-color-interactive-ui-current: oklch(0.5256 0.1988 268.04);
|
|
371
|
+
--pds-color-interactive-ui-background-hover: oklch(0.9702 0 0);
|
|
372
|
+
--pds-color-interactive-ui-background-active: oklch(0.9430 0 0);
|
|
373
|
+
--pds-color-interactive-reverse-focus: oklch(0.6496 0.1590 270.95);
|
|
374
|
+
--pds-color-interactive-reverse-link-default: oklch(0.6496 0.1590 270.95);
|
|
375
|
+
--pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
|
|
376
|
+
--pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
|
|
377
|
+
--pds-color-interactive-reverse-link-visited: oklch(0.6496 0.1590 270.95);
|
|
378
|
+
--pds-color-interactive-reverse-ui-hover: oklch(0.6496 0.1590 270.95);
|
|
379
|
+
--pds-color-nav-item-reverse-foreground-hover: oklch(0.8272 0.0507 309.02);
|
|
380
|
+
--pds-color-nav-item-reverse-foreground-active: oklch(0.8272 0.0507 309.02);
|
|
386
381
|
--pds-color-overlay: rgba(0, 0, 0, 0.45);
|
|
387
382
|
--pds-color-overlay-subtle: rgba(0, 0, 0, 0.25);
|
|
388
383
|
--pds-color-partner-bitbucket: #004DC0;
|
|
@@ -394,30 +389,30 @@
|
|
|
394
389
|
--pds-color-partner-nextjs: #000000;
|
|
395
390
|
--pds-color-partner-wordpress: #0073AA;
|
|
396
391
|
--pds-color-social-rss: #f26522;
|
|
397
|
-
--pds-color-status-success-foreground: oklch(0.
|
|
398
|
-
--pds-color-status-success-
|
|
399
|
-
--pds-color-status-success-border: oklch(0.
|
|
400
|
-
--pds-color-status-success-background: oklch(0.
|
|
401
|
-
--pds-color-status-
|
|
402
|
-
--pds-color-status-
|
|
403
|
-
--pds-color-status-
|
|
404
|
-
--pds-color-status-
|
|
405
|
-
--pds-color-status-critical-foreground: oklch(0.
|
|
406
|
-
--pds-color-status-critical-
|
|
407
|
-
--pds-color-status-critical-border: oklch(0.
|
|
408
|
-
--pds-color-status-critical-background: oklch(0.
|
|
409
|
-
--pds-color-status-
|
|
410
|
-
--pds-color-status-
|
|
411
|
-
--pds-color-status-
|
|
412
|
-
--pds-color-status-
|
|
413
|
-
--pds-color-status-discovery-foreground: oklch(0.
|
|
414
|
-
--pds-color-status-discovery-
|
|
415
|
-
--pds-color-status-discovery-border: oklch(0.
|
|
416
|
-
--pds-color-status-discovery-background: oklch(0.
|
|
417
|
-
--pds-color-status-neutral-background: oklch(0.
|
|
418
|
-
--pds-color-status-neutral-indicator: oklch(0.
|
|
419
|
-
--pds-color-status-frozen-
|
|
420
|
-
--pds-color-status-disabled-
|
|
392
|
+
--pds-color-status-success-foreground: oklch(0.5670 0.1201 132.73);
|
|
393
|
+
--pds-color-status-success-fill: oklch(0.5670 0.1201 132.73);
|
|
394
|
+
--pds-color-status-success-border: oklch(0.8774 0.0659 125.63);
|
|
395
|
+
--pds-color-status-success-background: oklch(0.9656 0.0192 122.83);
|
|
396
|
+
--pds-color-status-warning-foreground: oklch(0.5428 0.1292 52.61);
|
|
397
|
+
--pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
|
|
398
|
+
--pds-color-status-warning-border: oklch(0.8603 0.0782 67.73);
|
|
399
|
+
--pds-color-status-warning-background: oklch(0.9665 0.0199 70.00);
|
|
400
|
+
--pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
|
|
401
|
+
--pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
|
|
402
|
+
--pds-color-status-critical-border: oklch(0.7978 0.0754 20.67);
|
|
403
|
+
--pds-color-status-critical-background: oklch(0.9740 0.0075 17.42);
|
|
404
|
+
--pds-color-status-info-foreground: oklch(0.4662 0.0924 245.48);
|
|
405
|
+
--pds-color-status-info-fill: oklch(0.5510 0.1014 242.56);
|
|
406
|
+
--pds-color-status-info-border: oklch(0.8372 0.0459 236.03);
|
|
407
|
+
--pds-color-status-info-background: oklch(0.9584 0.0134 233.74);
|
|
408
|
+
--pds-color-status-discovery-foreground: oklch(0.4277 0.1065 303.89);
|
|
409
|
+
--pds-color-status-discovery-fill: oklch(0.5200 0.1177 303.12);
|
|
410
|
+
--pds-color-status-discovery-border: oklch(0.8272 0.0507 309.02);
|
|
411
|
+
--pds-color-status-discovery-background: oklch(0.9559 0.0143 308.29);
|
|
412
|
+
--pds-color-status-neutral-background: oklch(0.8818 0 0);
|
|
413
|
+
--pds-color-status-neutral-indicator: oklch(0.5173 0 0);
|
|
414
|
+
--pds-color-status-frozen-fill: oklch(0.5510 0.1014 242.56);
|
|
415
|
+
--pds-color-status-disabled-fill: oklch(0.8047 0 0);
|
|
421
416
|
--pds-elevation-drawer-left: 4px 0px 16px 0px rgba(0, 0, 0, 0.08);
|
|
422
417
|
--pds-elevation-drawer-right: -4px 0px 16px 0px rgba(0, 0, 0, 0.08);
|
|
423
418
|
--pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.04);
|
|
@@ -1,3 +1,3 @@
|
|
|
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__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.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__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-
|
|
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__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.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__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)
|
|
2
2
|
.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-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
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-
|
|
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__main,.pds-app-layout--scrollable .pds-app-layout__sidebar-inner{overflow-y:auto}
|
|
@@ -1,3 +1,3 @@
|
|
|
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__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.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__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-
|
|
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__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.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__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)
|
|
2
2
|
.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-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
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-
|
|
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__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 +1 @@
|
|
|
1
|
-
.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-
|
|
1
|
+
.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}}
|