@pantheon-systems/pds-toolkit-react 2.0.0-alpha.24 → 2.0.0-alpha.26
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/SortableList/SortableList.d.ts +8 -0
- package/dist/components/SortableList/SortableListHeader.d.ts +7 -0
- package/dist/components/SortableList/SortableRow.d.ts +16 -0
- package/dist/components/SortableList/sortable-utils.d.ts +19 -0
- package/dist/components/SortableList/types.d.ts +142 -0
- package/dist/components/SortableList/useSortableTree.d.ts +18 -0
- package/dist/components/Tag/Tag.d.ts +7 -1
- package/dist/components/Tooltip/Tooltip.d.ts +2 -2
- package/dist/components/UtilityBar/UtilityBar.d.ts +27 -0
- package/dist/components/buttons/IconButton/IconButton.d.ts +8 -0
- package/dist/components/icons/Icon/generated-icon-data.d.ts +51 -2
- package/dist/components/inputs/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/inputs/Combobox/Combobox.d.ts +1 -1
- package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +1 -1
- package/dist/components/inputs/Datepicker/Datepicker.d.ts +1 -1
- package/dist/components/inputs/FileUpload/FileUpload.d.ts +1 -1
- package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/inputs/Select/Select.d.ts +1 -1
- package/dist/components/inputs/Switch/Switch.d.ts +1 -1
- package/dist/components/inputs/TagsInput/TagsInput.d.ts +6 -1
- package/dist/components/inputs/TextInput/TextInput.d.ts +1 -1
- package/dist/components/inputs/Textarea/Textarea.d.ts +1 -1
- package/dist/components/inputs/input-utilities.d.ts +1 -1
- package/dist/components/overlays/FullScreenOverlay/FullScreenOverlay.d.ts +45 -0
- package/dist/css/component-css/pds-badge.css +1 -1
- package/dist/css/component-css/pds-checkbox.css +1 -1
- package/dist/css/component-css/pds-combobox-multiselect.css +3 -3
- package/dist/css/component-css/pds-combobox.css +1 -1
- package/dist/css/component-css/pds-datepicker.css +1 -1
- package/dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/dist/css/component-css/pds-file-upload.css +1 -1
- package/dist/css/component-css/pds-footer-links.css +1 -1
- package/dist/css/component-css/pds-full-screen-overlay.css +1 -0
- package/dist/css/component-css/pds-icon-button.css +2 -2
- package/dist/css/component-css/pds-index.css +24 -17
- 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-pagination-mini.css +1 -1
- package/dist/css/component-css/pds-panel-list.css +1 -1
- package/dist/css/component-css/pds-pantheon-logo.css +1 -1
- package/dist/css/component-css/pds-popover.css +1 -1
- package/dist/css/component-css/pds-radio-group.css +1 -1
- package/dist/css/component-css/pds-select.css +1 -1
- package/dist/css/component-css/pds-site-footer.css +1 -1
- package/dist/css/component-css/pds-social-links.css +1 -1
- package/dist/css/component-css/pds-sortable-list.css +8 -0
- package/dist/css/component-css/pds-status-checker.css +1 -1
- package/dist/css/component-css/pds-switch.css +1 -1
- package/dist/css/component-css/pds-tag.css +1 -1
- package/dist/css/component-css/pds-tags-input.css +1 -1
- package/dist/css/component-css/pds-text-input.css +1 -1
- package/dist/css/component-css/pds-textarea.css +1 -1
- package/dist/css/component-css/pds-theme-switcher.css +1 -1
- package/dist/css/component-css/pds-tiles-common.css +1 -1
- package/dist/css/component-css/pds-user-menu.css +2 -2
- package/dist/css/component-css/pds-utility-bar.css +1 -0
- package/dist/css/component-css/pds-utility-button.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +70 -8
- package/dist/css/design-tokens/variables.global.css +1 -1
- package/dist/css/design-tokens/variables.light.css +70 -8
- package/dist/css/layout-css/pds-app-layout.css +2 -2
- package/dist/css/layout-css/pds-index.css +2 -2
- package/dist/css/pds-components.css +24 -17
- 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 +9 -2
- package/dist/index.js +6077 -4940
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +8 -2
- package/dist/layouts/AppLayout/AppLayout.d.ts +1 -1
- package/dist/svg/arrowDownLeftAndArrowUpRightToCenter.svg +3 -0
- package/dist/svg/arrowsUpDownLeftRight.svg +3 -0
- package/dist/svg/barsStaggered.svg +3 -0
- package/dist/svg/circleExclamationSolid.svg +3 -0
- package/dist/svg/circleInfoSolid.svg +3 -0
- package/dist/svg/circleQuestionSolid.svg +3 -0
- package/dist/svg/compress.svg +3 -0
- package/package.json +5 -2
- /package/dist/components/{Drawer → overlays/Drawer}/Drawer.d.ts +0 -0
- /package/dist/components/{Modal → overlays/Modal}/Modal.d.ts +0 -0
|
@@ -127,15 +127,24 @@
|
|
|
127
127
|
--pds-color-log-row-standard-background-hover: oklch(0.5103 0 0);
|
|
128
128
|
--pds-color-log-row-warning-background-default: oklch(0.9834 0.0199 97.52);
|
|
129
129
|
--pds-color-log-row-error-background-default: oklch(0.9645 0.0174 21.81);
|
|
130
|
-
--pds-color-pagination-foreground-hover:
|
|
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
|
-
--pds-color-pagination-
|
|
132
|
+
--pds-color-pagination-foreground-current: oklch(1 0 0);
|
|
133
|
+
--pds-color-pagination-background-hover: oklch(0.9401 0 0);
|
|
133
134
|
--pds-color-pagination-background-active: oklch(0.8775 0.0595 268.38);
|
|
135
|
+
--pds-color-pagination-background-current: oklch(0.5558 0.2372 267.79);
|
|
134
136
|
--pds-color-panel-sunken-background: oklch(0.9702 0 0);
|
|
135
137
|
--pds-color-panel-raised-background: oklch(0.9851 0 0);
|
|
136
138
|
--pds-color-panel-overlay-background: oklch(0.9851 0 0);
|
|
137
139
|
--pds-color-expansion-panel-hover: oklch(0.9702 0 0);
|
|
138
140
|
--pds-color-expansion-panel-open: oklch(0.9702 0 0);
|
|
141
|
+
--pds-color-popover-border: oklch(0.8047 0 0);
|
|
142
|
+
--pds-color-skeleton-regular-base: oklch(0.8853 0 0);
|
|
143
|
+
--pds-color-skeleton-regular-movement: oklch(0.9851 0 0);
|
|
144
|
+
--pds-color-skeleton-bold-base: oklch(0.8047 0 0);
|
|
145
|
+
--pds-color-skeleton-bold-movement: oklch(0.9702 0 0);
|
|
146
|
+
--pds-color-sortable-border-hover: oklch(0.7913 0.1048 267.25);
|
|
147
|
+
--pds-color-sortable-border-target: oklch(0.5558 0.2372 267.79);
|
|
139
148
|
--pds-color-spinner-full-1: #8f00f9;
|
|
140
149
|
--pds-color-spinner-full-2: #ffdc28;
|
|
141
150
|
--pds-color-spinner-full-3: transparent;
|
|
@@ -148,6 +157,8 @@
|
|
|
148
157
|
--pds-color-spinner-critical-secondary-1: #DE2E21;
|
|
149
158
|
--pds-color-spinner-critical-secondary-2: #F5B6B0;
|
|
150
159
|
--pds-color-spinner-critical-secondary-3: transparent;
|
|
160
|
+
--pds-color-table-sort-icon-inactive: oklch(0.78 0 0);
|
|
161
|
+
--pds-color-tabs-border: oklch(0.8853 0 0);
|
|
151
162
|
--pds-color-tag-1-background: #DED8FA;
|
|
152
163
|
--pds-color-tag-1-foreground: #5C4FAC;
|
|
153
164
|
--pds-color-tag-2-background: #F8D7D3;
|
|
@@ -188,6 +199,50 @@
|
|
|
188
199
|
--pds-color-tag-19-foreground: #3F4D27;
|
|
189
200
|
--pds-color-tag-20-background: #8790A0;
|
|
190
201
|
--pds-color-tag-20-foreground: #0E1E40;
|
|
202
|
+
--pds-color-tag-apollo-background: #f4e296;
|
|
203
|
+
--pds-color-tag-apollo-foreground: #461c00;
|
|
204
|
+
--pds-color-tag-iris-background: #bcdeff;
|
|
205
|
+
--pds-color-tag-iris-foreground: #1d00ac;
|
|
206
|
+
--pds-color-tag-hypnos-background: #f2c8ff;
|
|
207
|
+
--pds-color-tag-hypnos-foreground: #5000af;
|
|
208
|
+
--pds-color-tag-gaia-background: #ebdfcf;
|
|
209
|
+
--pds-color-tag-gaia-foreground: #411f00;
|
|
210
|
+
--pds-color-tag-aether-background: #d1e5ef;
|
|
211
|
+
--pds-color-tag-aether-foreground: #002f4c;
|
|
212
|
+
--pds-color-tag-success-background: #c2efc7;
|
|
213
|
+
--pds-color-tag-success-foreground: #003900;
|
|
214
|
+
--pds-color-tag-warning-background: #ffd7b1;
|
|
215
|
+
--pds-color-tag-warning-foreground: #570000;
|
|
216
|
+
--pds-color-tag-critical-background: #ffc7b8;
|
|
217
|
+
--pds-color-tag-critical-foreground: #730000;
|
|
218
|
+
--pds-color-tag-info-background: #bcdeff;
|
|
219
|
+
--pds-color-tag-info-foreground: #1d00ac;
|
|
220
|
+
--pds-color-tag-discovery-background: #f4cfff;
|
|
221
|
+
--pds-color-tag-discovery-foreground: #47007c;
|
|
222
|
+
--pds-color-tag-amber-background: #bb5900;
|
|
223
|
+
--pds-color-tag-amber-foreground: oklch(1 0 0);
|
|
224
|
+
--pds-color-tag-orange-background: #d24300;
|
|
225
|
+
--pds-color-tag-orange-foreground: oklch(1 0 0);
|
|
226
|
+
--pds-color-tag-lime-background: #448600;
|
|
227
|
+
--pds-color-tag-lime-foreground: oklch(1 0 0);
|
|
228
|
+
--pds-color-tag-teal-background: #007a6e;
|
|
229
|
+
--pds-color-tag-teal-foreground: oklch(1 0 0);
|
|
230
|
+
--pds-color-tag-sky-background: #007daf;
|
|
231
|
+
--pds-color-tag-sky-foreground: oklch(1 0 0);
|
|
232
|
+
--pds-color-tag-indigo-background: #4040c0;
|
|
233
|
+
--pds-color-tag-indigo-foreground: oklch(1 0 0);
|
|
234
|
+
--pds-color-tag-rose-background: #c0306a;
|
|
235
|
+
--pds-color-tag-rose-foreground: oklch(1 0 0);
|
|
236
|
+
--pds-color-tag-slate-background: #5a6a7a;
|
|
237
|
+
--pds-color-tag-slate-foreground: oklch(1 0 0);
|
|
238
|
+
--pds-color-tag-sand-background: #917141;
|
|
239
|
+
--pds-color-tag-sand-foreground: oklch(1 0 0);
|
|
240
|
+
--pds-color-tag-mint-background: #008469;
|
|
241
|
+
--pds-color-tag-mint-foreground: oklch(1 0 0);
|
|
242
|
+
--pds-color-tag-silver-background: #969696;
|
|
243
|
+
--pds-color-tag-silver-foreground: oklch(1 0 0);
|
|
244
|
+
--pds-color-tag-stone-background: #717171;
|
|
245
|
+
--pds-color-tag-stone-foreground: oklch(1 0 0);
|
|
191
246
|
--pds-color-tile-background: oklch(0.9851 0 0);
|
|
192
247
|
--pds-color-toast-background: oklch(0.3715 0 0);
|
|
193
248
|
--pds-color-toast-foreground: oklch(1.0000 0 0);
|
|
@@ -197,7 +252,7 @@
|
|
|
197
252
|
--pds-color-toast-warning-icon: oklch(0.8008 0.1637 90.52);
|
|
198
253
|
--pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
|
|
199
254
|
--pds-color-bg-default: oklch(1.0000 0 0);
|
|
200
|
-
--pds-color-bg-default-secondary: oklch(0.
|
|
255
|
+
--pds-color-bg-default-secondary: oklch(0.9851 0 0);
|
|
201
256
|
--pds-color-bg-reverse: oklch(0.2046 0 0);
|
|
202
257
|
--pds-color-border-default: oklch(0.9401 0 0);
|
|
203
258
|
--pds-color-border-input: oklch(0.8853 0 0);
|
|
@@ -252,7 +307,7 @@
|
|
|
252
307
|
--pds-color-icon-button-critical-foreground: oklch(0.5103 0.1942 29.6);
|
|
253
308
|
--pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
|
|
254
309
|
--pds-color-icon-button-reverse-background-hover: #ffffff1a;
|
|
255
|
-
--pds-color-icon-button-reverse-border-default: #
|
|
310
|
+
--pds-color-icon-button-reverse-border-default: #ffffff2e;
|
|
256
311
|
--pds-color-icon-button-reverse-border-hover: #ffffff26;
|
|
257
312
|
--pds-color-icon-button-reverse-foreground: oklch(1.0000 0 0);
|
|
258
313
|
--pds-color-split-button-primary-separator: oklch(0.5103 0 0);
|
|
@@ -332,6 +387,8 @@
|
|
|
332
387
|
--pds-color-input-placeholder: oklch(0.8047 0 0);
|
|
333
388
|
--pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
|
|
334
389
|
--pds-color-input-file-upload-button-background-hover: oklch(0.9401 0 0);
|
|
390
|
+
--pds-color-input-selected-background: oklch(0.5558 0.2372 267.79);
|
|
391
|
+
--pds-color-input-selected-foreground: oklch(1.0000 0 0);
|
|
335
392
|
--pds-color-input-switch-icon: oklch(1.0000 0 0);
|
|
336
393
|
--pds-color-input-tag-background-default: oklch(0.907 0 0);
|
|
337
394
|
--pds-color-input-tag-background-hover: oklch(0.87 0 0);
|
|
@@ -344,14 +401,17 @@
|
|
|
344
401
|
--pds-color-interactive-background-active: oklch(0.9401 0 0);
|
|
345
402
|
--pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
|
|
346
403
|
--pds-color-interactive-link-default: oklch(0.5558 0.2372 267.79);
|
|
347
|
-
--pds-color-interactive-link-hover: oklch(0.
|
|
404
|
+
--pds-color-interactive-link-hover: oklch(0.47 0.212 267.6);
|
|
348
405
|
--pds-color-interactive-link-active: oklch(0.4682 0.2508 299.4);
|
|
349
406
|
--pds-color-interactive-link-visited: oklch(0.4682 0.2508 299.4);
|
|
407
|
+
--pds-color-interactive-ui-hover: oklch(0.5558 0.2372 267.79);
|
|
350
408
|
--pds-color-interactive-reverse-focus: oklch(0.5558 0.2372 267.79);
|
|
351
409
|
--pds-color-interactive-reverse-link-default: oklch(0.5558 0.2372 267.79);
|
|
352
|
-
--pds-color-interactive-reverse-link-hover: oklch(0.
|
|
410
|
+
--pds-color-interactive-reverse-link-hover: oklch(0.7973 0.1023 274.67);
|
|
353
411
|
--pds-color-interactive-reverse-link-active: oklch(0.6311 0.2503 304.99);
|
|
354
412
|
--pds-color-interactive-reverse-link-visited: oklch(0.6311 0.2503 304.99);
|
|
413
|
+
--pds-color-interactive-reverse-ui-hover: oklch(0.5558 0.2372 267.79);
|
|
414
|
+
--pds-color-nav-side-nav-indicator-active: oklch(0.5558 0.2372 267.79);
|
|
355
415
|
--pds-color-nav-side-nav-item-background-default: rgba(255, 255, 255, 0);
|
|
356
416
|
--pds-color-nav-side-nav-item-background-hover: oklch(0.9401 0 0);
|
|
357
417
|
--pds-color-nav-side-nav-item-background-active: oklch(0.9401 0 0);
|
|
@@ -398,10 +458,12 @@
|
|
|
398
458
|
--pds-color-status-neutral-indicator: oklch(0.5103 0 0);
|
|
399
459
|
--pds-color-status-frozen-dot: oklch(0.8816 0.0619 245.59);
|
|
400
460
|
--pds-color-status-disabled-dot: oklch(0.8853 0 0);
|
|
401
|
-
--pds-elevation-dashboard: 1px 1px 6px -2px rgba(140, 140, 140, 0.2), 1px 1px 0px 0px #f9f9f9;
|
|
402
|
-
--pds-elevation-raised: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
|
|
403
461
|
--pds-elevation-drawer-left: 4px 0px 16px 0px rgba(0, 0, 0, 0.08);
|
|
404
462
|
--pds-elevation-drawer-right: -4px 0px 16px 0px rgba(0, 0, 0, 0.08);
|
|
463
|
+
--pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.04);
|
|
464
|
+
--pds-elevation-sortable-hover: 0px 0px 3px 1px rgba(58, 93, 251, 0.25);
|
|
465
|
+
--pds-elevation-raised: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
|
|
466
|
+
--pds-elevation-draggable: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
|
|
405
467
|
--pds-elevation-overlay: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
|
|
406
468
|
--pds-gradient-avatar-midnight: linear-gradient(315deg, #5F41E5 0%, #141013 100%);
|
|
407
469
|
--pds-gradient-avatar-twilight: linear-gradient(315deg, #C72FA2 0%, #1B0874 100%);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:
|
|
2
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block:var(--pds-spacing-2xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:
|
|
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{align-self:flex-start;border-right:1px solid var(--pds-color-border-default);height:calc(100dvh - var(--pds-app-layout-top-offset));position:sticky;top:var(--pds-app-layout-top-offset);z-index:1}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:0;width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:border-color .15s ease-in-out,width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover){border-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
2
|
+
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-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-l);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height: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,2 +1,2 @@
|
|
|
1
|
-
.pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;column-gap:0;display:flex;flex-direction:row;min-height:
|
|
2
|
-
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block:var(--pds-spacing-2xl);padding-inline-end:var(--pds-spacing-l);transition:padding-inline-end .2s ease-in-out}.pds-app-layout__sidebar-identity{align-items:center;display:flex;gap:var(--pds-spacing-s);justify-content:flex-start;padding-block-end:var(--pds-spacing-xl);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__drawer-toggle{flex-shrink:0;margin-inline-start:auto}.pds-app-layout__sidebar-content-top{padding-block-end:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height:
|
|
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{align-self:flex-start;border-right:1px solid var(--pds-color-border-default);height:calc(100dvh - var(--pds-app-layout-top-offset));position:sticky;top:var(--pds-app-layout-top-offset);z-index:1}.pds-app-layout__sidebar--collapsed .pds-identity-block__text{opacity:0}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-bottom,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-content-top,.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-identity{padding-inline-start:var(--pds-spacing-l)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation{--side-nav-global-item-inset:var(--pds-spacing-l);overflow-x:visible}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:0;width:2rem}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:var(--pds-spacing-s)}.pds-app-layout__sidebar{transition:border-color .15s ease-in-out,width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover){border-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-tooltip.pds-tooltip{height:100%;position:absolute;right:var(--button-offset);top:0;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-tooltip .pds-tooltip__trigger-custom{display:flex;height:100%;width:100%}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:relative;width:100%}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{background-color:var(--pds-color-dashboard-toggle-button-background);filter:brightness(.9)}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;bottom:var(--pds-spacing-2xl);color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;position:absolute;right:.25rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
|
|
2
|
+
.pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{display:flex;flex-direction:column;height:100%;margin-inline-start:0;padding-block-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-l);flex:1;overflow-x:clip;text-wrap:nowrap}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--top-level:before,.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper{height:2rem}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item-wrapper a{padding-inline:var(--pds-spacing-4xs)}.pds-app-layout__sidebar-navigation .pds-side-nav-global__menu--second-level{padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-app-layout__sidebar-navigation .pds-side-nav-global__item--second-level a{padding-inline:var(--pds-spacing-3xs)}.pds-app-layout__sidebar-content-bottom{margin-block-start:auto;padding-block-start:var(--pds-spacing-l);padding-inline-start:var(--pds-spacing-l)}.pds-app-layout--scrollable{height: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-left: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}
|