@pantheon-systems/pds-toolkit-react 2.0.0-alpha.27 → 2.0.0-alpha.29
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/{footer/SiteFooter → SiteFooter}/SiteFooter.d.ts +8 -4
- package/dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/dist/css/component-css/pds-index.css +5 -5
- package/dist/css/component-css/pds-site-footer.css +1 -1
- package/dist/css/component-css/pds-tabs.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +1 -41
- package/dist/css/design-tokens/variables.global.css +2 -2
- package/dist/css/design-tokens/variables.light.css +1 -41
- package/dist/css/layout-css/pds-app-layout.css +2 -1
- package/dist/css/layout-css/pds-index.css +2 -1
- package/dist/css/pds-components.css +5 -5
- package/dist/css/pds-core.css +3 -2
- package/dist/css/pds-layouts.css +2 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1417 -1372
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +1 -9
- package/dist/libs/types/navigation-types.d.ts +8 -0
- package/package.json +4 -4
- package/dist/components/CTASlice/CTASlice.d.ts +0 -43
- package/dist/components/PullQuote/PullQuote.d.ts +0 -34
- package/dist/components/SocialLinks/SocialLinks.d.ts +0 -23
- package/dist/components/footer/FooterHeading/FooterHeading.d.ts +0 -22
- package/dist/components/footer/FooterLinks/FooterLinks.d.ts +0 -26
- package/dist/components/footer/SiteFooter/footer-content.d.ts +0 -1
- package/dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +0 -28
- package/dist/components/tiles/Tile/Tile.d.ts +0 -42
- package/dist/components/tiles/TileGrid/TileGrid.d.ts +0 -29
- package/dist/css/component-css/pds-avatar-tile-list.css +0 -1
- package/dist/css/component-css/pds-cta-slice.css +0 -1
- package/dist/css/component-css/pds-footer-heading.css +0 -1
- package/dist/css/component-css/pds-footer-links.css +0 -1
- package/dist/css/component-css/pds-pull-quote.css +0 -1
- package/dist/css/component-css/pds-social-links.css +0 -1
- package/dist/css/component-css/pds-tile.css +0 -1
- package/dist/css/component-css/pds-tiles-common.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-site-footer{padding-block:var(--pds-spacing-2xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:
|
|
1
|
+
.pds-site-footer{padding-block:var(--pds-spacing-2xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-fg-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-ui-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}@media (min-width:768px){.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);flex-direction:row;flex-wrap:wrap}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tabs{--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-s);width:var(--pds-typography-size-s)}.pds-tabs--m{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-fg-default)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-fg-default)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-tabs--m .pds-tabs__tab:focus-visible .pds-tabs__tab-label{outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-fg-default)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-fg-default)}.pds-tabs__tab[aria-disabled=true]{cursor:not-allowed;opacity:40%}.pds-tabs__tab[aria-disabled=true]:hover{background-color:transparent;color:var(--pds-color-fg-default-secondary)}.pds-tabs__tab[aria-disabled=true]:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-
|
|
1
|
+
.pds-tabs{--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-s);width:var(--pds-typography-size-s)}.pds-tabs--m{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-fg-default)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-fg-default)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-tabs--m .pds-tabs__tab:focus-visible .pds-tabs__tab-label{outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-fg-default)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-fg-default)}.pds-tabs__tab[aria-disabled=true]{cursor:not-allowed;opacity:40%}.pds-tabs__tab[aria-disabled=true]:hover{background-color:transparent;color:var(--pds-color-fg-default-secondary)}.pds-tabs__tab[aria-disabled=true]:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-tabs__trigger[aria-selected=true] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);justify-content:space-between;padding:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover{color:var(--pds-color-fg-default)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-fg-default);border-bottom-width:2px;color:var(--pds-color-fg-default)}.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{cursor:not-allowed;opacity:40%}
|
|
@@ -159,46 +159,6 @@
|
|
|
159
159
|
--pds-color-spinner-critical-secondary-3: transparent;
|
|
160
160
|
--pds-color-table-sort-icon-inactive: oklch(0.5 0 0);
|
|
161
161
|
--pds-color-tabs-border: oklch(0.3554 0.0058 258.35);
|
|
162
|
-
--pds-color-tag-1-background: #DED8FA;
|
|
163
|
-
--pds-color-tag-1-foreground: #5C4FAC;
|
|
164
|
-
--pds-color-tag-2-background: #F8D7D3;
|
|
165
|
-
--pds-color-tag-2-foreground: #A0392C;
|
|
166
|
-
--pds-color-tag-3-background: #F5E7A8;
|
|
167
|
-
--pds-color-tag-3-foreground: #7B611E;
|
|
168
|
-
--pds-color-tag-4-background: #F7D7EC;
|
|
169
|
-
--pds-color-tag-4-foreground: #894271;
|
|
170
|
-
--pds-color-tag-5-background: #D9F0AF;
|
|
171
|
-
--pds-color-tag-5-foreground: #536A2B;
|
|
172
|
-
--pds-color-tag-6-background: #DDDFE3;
|
|
173
|
-
--pds-color-tag-6-foreground: #47546D;
|
|
174
|
-
--pds-color-tag-7-background: #C6F1DC;
|
|
175
|
-
--pds-color-tag-7-foreground: #3E7256;
|
|
176
|
-
--pds-color-tag-8-background: #F9DFCB;
|
|
177
|
-
--pds-color-tag-8-foreground: #9A4E1C;
|
|
178
|
-
--pds-color-tag-9-background: #CEECF9;
|
|
179
|
-
--pds-color-tag-9-foreground: #366880;
|
|
180
|
-
--pds-color-tag-10-background: #D0DFFC;
|
|
181
|
-
--pds-color-tag-10-foreground: #2254C5;
|
|
182
|
-
--pds-color-tag-11-background: #72CB9B;
|
|
183
|
-
--pds-color-tag-11-foreground: #264A37;
|
|
184
|
-
--pds-color-tag-12-background: #81C1DD;
|
|
185
|
-
--pds-color-tag-12-foreground: #234453;
|
|
186
|
-
--pds-color-tag-13-background: #689BF8;
|
|
187
|
-
--pds-color-tag-13-foreground: #163168;
|
|
188
|
-
--pds-color-tag-14-background: #9C90E9;
|
|
189
|
-
--pds-color-tag-14-foreground: #342C60;
|
|
190
|
-
--pds-color-tag-15-background: #E87E73;
|
|
191
|
-
--pds-color-tag-15-foreground: #50201B;
|
|
192
|
-
--pds-color-tag-16-background: #F1A76E;
|
|
193
|
-
--pds-color-tag-16-foreground: #68320F;
|
|
194
|
-
--pds-color-tag-17-background: #DA81BC;
|
|
195
|
-
--pds-color-tag-17-foreground: #46253B;
|
|
196
|
-
--pds-color-tag-18-background: #EFCE60;
|
|
197
|
-
--pds-color-tag-18-foreground: #504012;
|
|
198
|
-
--pds-color-tag-19-background: #9FC65B;
|
|
199
|
-
--pds-color-tag-19-foreground: #3F4D27;
|
|
200
|
-
--pds-color-tag-20-background: #8790A0;
|
|
201
|
-
--pds-color-tag-20-foreground: #0E1E40;
|
|
202
162
|
--pds-color-tag-apollo-background: #f4e296;
|
|
203
163
|
--pds-color-tag-apollo-foreground: #461c00;
|
|
204
164
|
--pds-color-tag-iris-background: #bcdeff;
|
|
@@ -243,7 +203,6 @@
|
|
|
243
203
|
--pds-color-tag-silver-foreground: oklch(1 0 0);
|
|
244
204
|
--pds-color-tag-stone-background: #717171;
|
|
245
205
|
--pds-color-tag-stone-foreground: oklch(1 0 0);
|
|
246
|
-
--pds-color-tile-background: oklch(0.2046 0 0);
|
|
247
206
|
--pds-color-toast-background: oklch(0.4235 0.0071 264.49);
|
|
248
207
|
--pds-color-toast-foreground: oklch(1.0000 0 0);
|
|
249
208
|
--pds-color-toast-action: oklch(0.8388 0.003 264.54);
|
|
@@ -255,6 +214,7 @@
|
|
|
255
214
|
--pds-color-bg-default-secondary: oklch(0.1489 0.0027 248.08);
|
|
256
215
|
--pds-color-bg-reverse: oklch(0.8388 0.003 264.54);
|
|
257
216
|
--pds-color-border-default: oklch(0.31 0.005 258);
|
|
217
|
+
--pds-color-border-default-secondary: oklch(0.3554 0.0058 258.35);
|
|
258
218
|
--pds-color-border-input: oklch(0.4235 0.0071 264.49);
|
|
259
219
|
--pds-color-border-separator: oklch(0.5991 0 0);
|
|
260
220
|
--pds-color-border-hover: oklch(0.5 0.005 264);
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
--pds-border-width-outline: 2px;
|
|
16
16
|
--pds-border-radius-bar: 3.5rem;
|
|
17
17
|
--pds-border-radius-button: 3.5rem;
|
|
18
|
-
--pds-border-radius-card: 0.
|
|
18
|
+
--pds-border-radius-card: 0.5rem;
|
|
19
19
|
--pds-border-radius-container: 0.375rem;
|
|
20
20
|
--pds-border-radius-default: 0.188rem;
|
|
21
21
|
--pds-border-radius-input: 0.25rem;
|
|
22
|
-
--pds-border-radius-panel:
|
|
22
|
+
--pds-border-radius-panel: 0.75rem;
|
|
23
23
|
--pds-border-radius-promo: 1.5rem;
|
|
24
24
|
--pds-container-modal-width-s: 25rem;
|
|
25
25
|
--pds-container-modal-width-m: 37.5rem;
|
|
@@ -159,46 +159,6 @@
|
|
|
159
159
|
--pds-color-spinner-critical-secondary-3: transparent;
|
|
160
160
|
--pds-color-table-sort-icon-inactive: oklch(0.78 0 0);
|
|
161
161
|
--pds-color-tabs-border: oklch(0.8853 0 0);
|
|
162
|
-
--pds-color-tag-1-background: #DED8FA;
|
|
163
|
-
--pds-color-tag-1-foreground: #5C4FAC;
|
|
164
|
-
--pds-color-tag-2-background: #F8D7D3;
|
|
165
|
-
--pds-color-tag-2-foreground: #A0392C;
|
|
166
|
-
--pds-color-tag-3-background: #F5E7A8;
|
|
167
|
-
--pds-color-tag-3-foreground: #7B611E;
|
|
168
|
-
--pds-color-tag-4-background: #F7D7EC;
|
|
169
|
-
--pds-color-tag-4-foreground: #894271;
|
|
170
|
-
--pds-color-tag-5-background: #D9F0AF;
|
|
171
|
-
--pds-color-tag-5-foreground: #536A2B;
|
|
172
|
-
--pds-color-tag-6-background: #DDDFE3;
|
|
173
|
-
--pds-color-tag-6-foreground: #47546D;
|
|
174
|
-
--pds-color-tag-7-background: #C6F1DC;
|
|
175
|
-
--pds-color-tag-7-foreground: #3E7256;
|
|
176
|
-
--pds-color-tag-8-background: #F9DFCB;
|
|
177
|
-
--pds-color-tag-8-foreground: #9A4E1C;
|
|
178
|
-
--pds-color-tag-9-background: #CEECF9;
|
|
179
|
-
--pds-color-tag-9-foreground: #366880;
|
|
180
|
-
--pds-color-tag-10-background: #D0DFFC;
|
|
181
|
-
--pds-color-tag-10-foreground: #2254C5;
|
|
182
|
-
--pds-color-tag-11-background: #72CB9B;
|
|
183
|
-
--pds-color-tag-11-foreground: #264A37;
|
|
184
|
-
--pds-color-tag-12-background: #81C1DD;
|
|
185
|
-
--pds-color-tag-12-foreground: #234453;
|
|
186
|
-
--pds-color-tag-13-background: #689BF8;
|
|
187
|
-
--pds-color-tag-13-foreground: #163168;
|
|
188
|
-
--pds-color-tag-14-background: #9C90E9;
|
|
189
|
-
--pds-color-tag-14-foreground: #342C60;
|
|
190
|
-
--pds-color-tag-15-background: #E87E73;
|
|
191
|
-
--pds-color-tag-15-foreground: #50201B;
|
|
192
|
-
--pds-color-tag-16-background: #F1A76E;
|
|
193
|
-
--pds-color-tag-16-foreground: #68320F;
|
|
194
|
-
--pds-color-tag-17-background: #DA81BC;
|
|
195
|
-
--pds-color-tag-17-foreground: #46253B;
|
|
196
|
-
--pds-color-tag-18-background: #EFCE60;
|
|
197
|
-
--pds-color-tag-18-foreground: #504012;
|
|
198
|
-
--pds-color-tag-19-background: #9FC65B;
|
|
199
|
-
--pds-color-tag-19-foreground: #3F4D27;
|
|
200
|
-
--pds-color-tag-20-background: #8790A0;
|
|
201
|
-
--pds-color-tag-20-foreground: #0E1E40;
|
|
202
162
|
--pds-color-tag-apollo-background: #f4e296;
|
|
203
163
|
--pds-color-tag-apollo-foreground: #461c00;
|
|
204
164
|
--pds-color-tag-iris-background: #bcdeff;
|
|
@@ -243,7 +203,6 @@
|
|
|
243
203
|
--pds-color-tag-silver-foreground: oklch(1 0 0);
|
|
244
204
|
--pds-color-tag-stone-background: #717171;
|
|
245
205
|
--pds-color-tag-stone-foreground: oklch(1 0 0);
|
|
246
|
-
--pds-color-tile-background: oklch(0.9851 0 0);
|
|
247
206
|
--pds-color-toast-background: oklch(0.3715 0 0);
|
|
248
207
|
--pds-color-toast-foreground: oklch(1.0000 0 0);
|
|
249
208
|
--pds-color-toast-action: oklch(0.8047 0 0);
|
|
@@ -255,6 +214,7 @@
|
|
|
255
214
|
--pds-color-bg-default-secondary: oklch(0.9851 0 0);
|
|
256
215
|
--pds-color-bg-reverse: oklch(0.2046 0 0);
|
|
257
216
|
--pds-color-border-default: oklch(0.9401 0 0);
|
|
217
|
+
--pds-color-border-default-secondary: oklch(0.8853 0 0);
|
|
258
218
|
--pds-color-border-input: oklch(0.8853 0 0);
|
|
259
219
|
--pds-color-border-separator: oklch(0.8047 0 0);
|
|
260
220
|
--pds-color-border-hover: oklch(0.85 0 0);
|
|
@@ -1,2 +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{
|
|
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-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:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
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]
|
|
2
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-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,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{
|
|
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-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:width .2s ease-in-out,min-width .2s ease-in-out}.pds-app-layout:has(.pds-app-layout__sidebar-toggle-button:hover)
|
|
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]
|
|
2
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-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}
|