@pantheon-systems/pds-toolkit-react 1.0.0-dev.213 → 1.0.0-dev.215
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/CodeBlock.d.ts +56 -0
- package/_dist/components/CodeBlock/code-examples.d.ts +5 -0
- package/_dist/components/CodeBlock/themes/index.d.ts +2 -0
- package/_dist/components/CodeBlock/themes/pdsDark.d.ts +2 -0
- package/_dist/components/CodeBlock/themes/pdsLight.d.ts +2 -0
- package/_dist/components/FlowSteps/FlowSteps.d.ts +29 -0
- package/_dist/components/FlowSteps/example-steps.d.ts +15 -0
- package/_dist/components/Icon/Icon.d.ts +9 -1
- package/_dist/components/Modal/Modal.d.ts +1 -1
- package/_dist/components/buttons/ClipboardButton/ClipboardButton.d.ts +31 -0
- package/_dist/components/buttons/IconButton/IconButton.d.ts +1 -1
- package/_dist/components/inputs/TextInput/TextInput.d.ts +4 -0
- package/_dist/components/inputs/input-utilities.d.ts +1 -1
- package/_dist/css/component-css/pds-clipboard-button.css +0 -0
- package/_dist/css/component-css/pds-code-block.css +1 -0
- package/_dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/_dist/css/component-css/pds-flow-steps.css +1 -0
- package/_dist/css/component-css/pds-icon-button.css +13 -7
- package/_dist/css/component-css/pds-index.css +20 -16
- package/_dist/css/component-css/pds-modal.css +1 -1
- package/_dist/css/component-css/pds-nav-menu.css +2 -4
- package/_dist/css/component-css/pds-select.css +1 -1
- package/_dist/css/component-css/pds-side-nav-compact.css +1 -1
- package/_dist/css/component-css/pds-side-nav.css +1 -1
- package/_dist/css/component-css/pds-tab-menu.css +2 -2
- package/_dist/css/component-css/pds-workspace-selector.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +17 -2
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +15 -2
- package/_dist/css/design-tokens/pds-design-tokens.css +2 -0
- package/_dist/css/pds-components.css +20 -16
- package/_dist/css/pds-core.css +2 -2
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +4 -0
- package/_dist/index.js +5012 -3763
- package/_dist/index.js.map +1 -1
- package/_dist/utilities/hooks/useClipboard.d.ts +6 -0
- package/package.json +6 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-modal{--pds-modal--padding:1.953rem;background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);margin:auto;padding:var(--pds-modal--padding);width:
|
|
1
|
+
.pds-modal{--pds-modal--padding:1.953rem;background-color:var(--pds-color-background-default);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:36rem;padding:var(--pds-modal--padding);width:70vw}@media (max-width:640px){.pds-modal{max-width:300px}}.pds-modal--sm{max-width:25rem}.pds-modal--lg{max-width:44rem;width:80vw}.pds-modal--xl{max-width:60rem;width:80vw}.pds-modal__close{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;position:absolute;right:var(--pds-modal--padding);top:var(--pds-modal--padding)}.pds-modal__close:hover{color:var(--pds-color-interactive-link-hover)}.pds-modal__close:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-modal__title{font-size:1.728rem;font-weight:700;line-height:140%;margin-block-end:1.25rem;width:calc(100% - var(--pds-modal--padding))}.pds-modal__button-group{column-gap:1rem;display:flex;justify-content:flex-end;width:100%}.pds-modal form,.pds-modal__button-group{margin-block-start:1.563rem}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
|
-
.pds-nav-menu{z-index:100}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:1rem;z-index:200}.pds-nav-menu .pds-nav-menu__item{font-size:1rem;line-height:120%;text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-foreground-default);cursor:pointer;font-weight:400;margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(---pds-color-foreground-default);display:inline-block;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:1rem;padding-inline:1.563rem}.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button,.pds-nav-menu .pds-nav-menu__item--second-level.pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--second-level.pds-nav-menu__item--active>button{color:var(--pds-color-nav-item-default-foreground-active)}.pds-nav-menu .pds-nav-menu__item--top-level a:hover,.pds-nav-menu button.pds-nav-menu__trigger:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-nav-menu .pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu .pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.25rem;transition:all .2s ease-in-out 0s}.pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:flex;padding-inline-end:.328rem;width:100%}.pds-nav-menu .pds-nav-menu__trigger-icon{color:var(--pds-color-nav-
|
|
1
|
+
.pds-nav-menu{z-index:100}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:1rem;z-index:200}.pds-nav-menu .pds-nav-menu__item{font-size:1rem;line-height:120%;text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-foreground-default);cursor:pointer;font-weight:400;margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(---pds-color-foreground-default);display:inline-block;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:1rem;padding-inline:1.563rem}.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button,.pds-nav-menu .pds-nav-menu__item--second-level.pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--second-level.pds-nav-menu__item--active>button{color:var(--pds-color-nav-item-default-foreground-active)}.pds-nav-menu .pds-nav-menu__item--top-level a:hover,.pds-nav-menu button.pds-nav-menu__trigger:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-nav-menu .pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu .pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:.25rem;transition:all .2s ease-in-out 0s}.pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:flex;padding-inline-end:.328rem;width:100%}.pds-nav-menu .pds-nav-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);margin-inline-start:.512rem;transition:transform .2s ease-in-out 0s}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true]{color:var(--pds-color-nav-item-default-foreground-active)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true] .pds-nav-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-active);transform:rotate(180deg)}.pds-nav-menu ul.pds-nav-menu__dropdown{background-color:var(--pds-color-dropdown-background);display:flex;flex-direction:column;padding:.8rem .64rem 0;row-gap:.41rem}.pds-nav-menu .pds-nav-menu__item--second-level a{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;color:var(--pds-color-dropdown-foreground);display:inline-block;font-weight:400;margin:0;padding:.64rem .8rem}.pds-nav-menu .pds-nav-menu__item--second-level a:focus,.pds-nav-menu .pds-nav-menu__item--second-level a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-nav-menu .pds-nav-menu__item--second-level a:focus{border-radius:.375rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:0}.pds-nav-menu ul.pds-nav-menu__dropdown [role=separator]{border-block-start:1px solid var(--pds-color-border-default);margin:.512rem auto 0;margin-block-start:.512rem;padding-block-start:.512rem;width:calc(100% - 1.25rem)}.pds-nav-menu--isMobile{left:50%;margin-block-start:1rem;margin-inline-end:-50vw;margin-inline-start:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}.pds-nav-menu--isMobile ul.pds-nav-menu__menu{flex-direction:column;margin-block-end:1.953rem}.pds-nav-menu--isMobile .pds-nav-menu__item--top-level{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-nav-menu--isMobile .pds-nav-menu__trigger{justify-content:space-between}.pds-nav-menu--notMobile ul.pds-nav-menu__menu{flex-direction:row;margin-block-end:0}.pds-nav-menu--notMobile .pds-nav-menu__item--top-level,.pds-nav-menu--notMobile .pds-nav-menu__trigger{align-items:center;display:inline-flex}.pds-nav-menu--notMobile .pds-nav-menu__item--top-level{border-bottom:none;padding-block-end:0;padding-inline:1rem}.pds-nav-menu--notMobile .pds-nav-menu__item--has-link:not(:last-child){margin-inline-end:.64rem}.pds-nav-menu--notMobile .pds-nav-menu__menu>.pds-nav-menu__item--has-children{display:flex;position:relative}.pds-nav-menu--notMobile ul.pds-nav-menu__dropdown{border-radius:0 0 .375rem .375rem;box-shadow:var(--pds-elevation-overlay);display:block;max-width:30rem;padding:.64rem;position:absolute;top:3.0125rem;width:max-content}.pds-nav-menu--notMobile ul.pds-nav-menu__dropdown:before{background-color:var(--pds-color-dropdown-top-border);content:"";height:1px;left:0;position:absolute;top:-1px;width:100%}.pds-nav-menu--notMobile .pds-nav-menu__item--second-level a{display:block}.pds-nav-menu--reverse.pds-nav-menu--notMobile,.pds-navbar.pds-navbar--reverse.pds-navbar--notMobile{--pds-color-foreground-default:var(--pds-color-foreground-reverse);--pds-color-nav-item-default-foreground-hover:var(
|
|
2
2
|
--pds-color-nav-item-reverse-foreground-hover
|
|
3
3
|
);--pds-color-nav-item-default-foreground-active:var(
|
|
4
4
|
--pds-color-nav-item-reverse-foreground-active
|
|
5
|
-
);--pds-color-nav-
|
|
6
|
-
--pds-color-nav-item-reverse-foreground-active
|
|
7
|
-
)}
|
|
5
|
+
);--pds-color-nav-item-default-foreground-trigger:#a6a3b4}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-select{min-width:6.25rem;position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-background-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-select__input-inner{align-items:center;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__trigger-icon{color:var(--pds-color-nav-
|
|
1
|
+
.pds-select{min-width:6.25rem;position:relative}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-background-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-select__input-inner{align-items:center;column-gap:1rem;display:flex;justify-content:space-between;width:100%}.pds-select__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:.8rem}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-side-nav-compact{color:var(--pds-color-foreground-default);font-family:Poppins,sans-serif}.pds-side-nav-compact a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-side-nav-compact a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav-compact .pds-icon{pointer-events:none}h2.pds-side-nav-compact__heading{font-size:1.2rem;font-weight:600;margin-block-end:1.25rem}h2.pds-side-nav-compact__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav-compact__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:.64rem}.pds-side-nav-compact__item{list-style-type:none}.pds-side-nav-compact__item a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-side-nav-compact__item a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{display:none}.pds-side-nav-compact__menu--fourth-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--second-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--third-level.pds-side-nav-compact__menu--expanded{display:flex;margin-block-start:.512rem}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{margin-inline-start:1rem}.pds-side-nav-compact__item--active>.pds-side-nav-compact__item-wrapper>a,.pds-side-nav-compact__item--active>a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav-compact__toggle{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-nav-
|
|
1
|
+
.pds-side-nav-compact{color:var(--pds-color-foreground-default);font-family:Poppins,sans-serif}.pds-side-nav-compact a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-side-nav-compact a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav-compact .pds-icon{pointer-events:none}h2.pds-side-nav-compact__heading{font-size:1.2rem;font-weight:600;margin-block-end:1.25rem}h2.pds-side-nav-compact__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav-compact__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:.64rem}.pds-side-nav-compact__item{list-style-type:none}.pds-side-nav-compact__item a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-side-nav-compact__item a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{display:none}.pds-side-nav-compact__menu--fourth-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--second-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--third-level.pds-side-nav-compact__menu--expanded{display:flex;margin-block-start:.512rem}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{margin-inline-start:1rem}.pds-side-nav-compact__item--active>.pds-side-nav-compact__item-wrapper>a,.pds-side-nav-compact__item--active>a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav-compact__toggle{background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-nav-item-default-foreground-trigger);cursor:pointer;margin-inline-start:-1.375rem}.pds-side-nav-compact__toggle:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-side-nav-compact__toggle .pds-icon{margin-block-end:-.125rem;pointer-events:none;transform:rotate(-90deg);transition:all .2s ease-in-out 0s}.pds-side-nav-compact__toggle--expanded .pds-icon{color:var(--pds-color-nav-item-default-foreground-active);transform:rotate(0deg);transition:all .2s ease-in-out 0s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-side-nav{font-family:Poppins,sans-serif}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-foreground-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}h2.pds-side-nav__heading{font-size:1.2rem;font-weight:600;margin-block-end:1.25rem}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:1rem}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__item a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__item.with-tally:not(.pds-side-nav__item--has-children)>*,.pds-side-nav__item.with-tally>.pds-side-nav__item-wrapper>*{align-items:center;display:flex;gap:.328rem}.pds-side-nav__item--active>.pds-side-nav__item-wrapper>a,.pds-side-nav__item--active>a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav__item-wrapper{align-items:center;column-gap:.25rem;display:flex}.pds-side-nav__menu--second-level{display:none;padding-block-start:.8rem;padding-inline-start:1.563rem;row-gap:.8rem}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex;flex-direction:column}.pds-side-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-nav-
|
|
1
|
+
.pds-side-nav{font-family:Poppins,sans-serif}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-foreground-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}h2.pds-side-nav__heading{font-size:1.2rem;font-weight:600;margin-block-end:1.25rem}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:1rem}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__item a:focus-visible{border-radius:.1875rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__item.with-tally:not(.pds-side-nav__item--has-children)>*,.pds-side-nav__item.with-tally>.pds-side-nav__item-wrapper>*{align-items:center;display:flex;gap:.328rem}.pds-side-nav__item--active>.pds-side-nav__item-wrapper>a,.pds-side-nav__item--active>a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-side-nav__item-wrapper{align-items:center;column-gap:.25rem;display:flex}.pds-side-nav__menu--second-level{display:none;padding-block-start:.8rem;padding-inline-start:1.563rem;row-gap:.8rem}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex;flex-direction:column}.pds-side-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-nav-item-default-foreground-trigger);cursor:pointer;display:flex;transition:all .2s ease-in-out 0s}.pds-side-nav__toggle:hover .pds-icon{color:var(--pds-color-interactive-link-hover)}.pds-side-nav__toggle:focus-visible{outline:1px solid var(--pds-color-interactive-focus);transition:all .2s ease-in-out 0s}.pds-side-nav__toggle .pds-icon{color:var(--pds-color-foreground-default-secondary);margin-block-start:.125rem;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.pds-side-nav__toggle--expanded .pds-icon{color:var(--pds-color-nav-item-default-foreground-active);margin-block-start:.125rem;transform:rotate(-180deg);transition:all .2s ease-in-out 0s}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.pds-tab-menu{--pds-tab-color:var(--pds-color-foreground-default);--pds-tab-border-width:1px;border-bottom:var(--pds-tab-border-width) solid var(--pds-color-border-separator);font-family:Poppins,sans-serif;margin-block:.512rem;position:relative;width:100%}.pds-tab-menu__menu{color:var(--pds-tab-color);column-gap:2.441rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-bottom:calc(var(--pds-tab-border-width)*3) solid transparent;column-gap:.125rem;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--pds-tab-border-width)*-1);padding:.41rem .25rem;position:relative}.pds-tab-menu__item.pds-tab-menu__item--active{--pds-tab-color:var(--pds-color-brand-primary-default);border-bottom-color:var(--pds-color-brand-primary-default)}.pds-tab-menu__item a{color:var(--pds-tab-color);text-decoration:none}.pds-tab-menu__item a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tab-menu__item .pds-tab-menu__item-icon{color:var(--pds-tab-color)}.pds-tab-menu__item:hover{--pds-tab-color:var(--pds-color-brand-primary-default)}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:.64rem;display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;height:1.563rem;margin-inline-end:-.64rem}.pds-tab-menu__dropdown-trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-
|
|
2
|
-
.pds-tab-menu__dropdown-trigger-icon{
|
|
1
|
+
.pds-tab-menu{--pds-tab-color:var(--pds-color-foreground-default);--pds-tab-border-width:1px;border-bottom:var(--pds-tab-border-width) solid var(--pds-color-border-separator);font-family:Poppins,sans-serif;margin-block:.512rem;position:relative;width:100%}.pds-tab-menu__menu{color:var(--pds-tab-color);column-gap:2.441rem;display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item{align-items:center;border-bottom:calc(var(--pds-tab-border-width)*3) solid transparent;column-gap:.125rem;display:flex;font-size:1rem;font-weight:600;margin-block-end:calc(var(--pds-tab-border-width)*-1);padding:.41rem .25rem;position:relative}.pds-tab-menu__item.pds-tab-menu__item--active{--pds-tab-color:var(--pds-color-brand-primary-default);border-bottom-color:var(--pds-color-brand-primary-default)}.pds-tab-menu__item a{color:var(--pds-tab-color);text-decoration:none}.pds-tab-menu__item a:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-tab-menu__item .pds-tab-menu__item-icon{color:var(--pds-tab-color)}.pds-tab-menu__item:hover{--pds-tab-color:var(--pds-color-brand-primary-default)}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:.64rem;display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;height:1.563rem;margin-inline-end:-.64rem}.pds-tab-menu__dropdown-trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
|
+
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;left:0;margin-block-start:.512rem;max-height:24rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:3.052rem}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:.1875rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;line-height:120%;list-style-type:none;margin:0}.pds-tab-menu__dropdown-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-tab-menu__dropdown-item a{align-items:center;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none;width:100%}.pds-tab-menu__dropdown-item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__active-icon{flex-shrink:0;margin-inline-end:.64rem}.pds-tab-menu__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.328rem .512rem}.pds-tab-menu__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-tab-menu__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-input-field--text{border-color:transparent}.pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-tab-menu__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:0;padding-inline:.8rem}.pds-tab-menu--isMobile{position:relative}.pds-tab-menu--isMobile .pds-tab-menu__menu{column-gap:1.25rem;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;cursor:pointer}.pds-tab-menu--isMobile .pds-tab-menu__menu::-webkit-scrollbar{display:none}.pds-tab-menu--isMobile .pds-tab-menu__item{font-size:.96rem;padding:.328rem .25rem}.pds-tab-menu--isMobile .pds-tab-menu__item-inner{width:max-content}.pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-
|
|
1
|
+
.pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap:.64rem;display:flex;position:relative}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:.375rem;outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px;transition:outline .2s ease-in-out 0s}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover);transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-workspace-selector__button-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:20rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:.512rem .64rem;row-gap:.328rem}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:.375rem;color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a{align-items:center;border-radius:.375rem;column-gap:.64rem;display:flex;justify-content:space-between;padding:.64rem .8rem;text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem .328rem}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:.375rem}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__active-icon{margin-inline-start:.8rem}.pds-workspace-selector__item-content{align-items:center;column-gap:.64rem;display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-foreground-default);font-size:1rem;margin-block-end:.512rem;padding-inline:.8rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:.41rem .64rem}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:.41rem .8rem}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-background-default);border-bottom:1px solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-background-default);border:none;display:flex;justify-content:space-between;min-height:3.815rem;padding-inline:1.563rem;width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:.328rem}.pds-workspace-selector__mobile-menu{display:none;padding-inline:.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:.512rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:.41rem;padding-inline:1.25rem}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
*/
|
|
11
11
|
|
|
12
12
|
:root {
|
|
13
|
-
--pds-color-background-default: #
|
|
14
|
-
--pds-color-background-default-secondary: #
|
|
13
|
+
--pds-color-background-default: #121219;
|
|
14
|
+
--pds-color-background-default-secondary: #1d1d29;
|
|
15
15
|
--pds-color-background-reverse: #e7e7eb;
|
|
16
16
|
--pds-color-badge-indicator-brand-background: #8a70ff;
|
|
17
17
|
--pds-color-badge-indicator-brand-foreground: #ffffff;
|
|
@@ -102,6 +102,14 @@
|
|
|
102
102
|
--pds-color-code-inline-background: #282839;
|
|
103
103
|
--pds-color-code-inline-border: #504e62;
|
|
104
104
|
--pds-color-code-inline-text: #ffffff;
|
|
105
|
+
--pds-color-dropdown-background: var(--pds-color-background-default-secondary);
|
|
106
|
+
--pds-color-dropdown-description: var(--pds-color-foreground-default-secondary);
|
|
107
|
+
--pds-color-dropdown-foreground: var(--pds-color-foreground-default);
|
|
108
|
+
--pds-color-dropdown-heading: var(--pds-color-foreground-default-secondary);
|
|
109
|
+
--pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
|
|
110
|
+
--pds-color-dropdown-item-background-hover: var(--pds-color-interactive-background-hover);
|
|
111
|
+
--pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
|
|
112
|
+
--pds-color-dropdown-top-border: #504e62;
|
|
105
113
|
--pds-color-expansion-panel-hover: #282839;
|
|
106
114
|
--pds-color-expansion-panel-open: #282839;
|
|
107
115
|
--pds-color-foreground-default: #ffffff;
|
|
@@ -111,6 +119,8 @@
|
|
|
111
119
|
--pds-color-input-file-upload-button-background-default: #504e62;
|
|
112
120
|
--pds-color-input-file-upload-button-background-hover: #3d3c4d;
|
|
113
121
|
--pds-color-input-switch-icon: #ffffff;
|
|
122
|
+
--pds-color-interactive-background-active: #504e62;
|
|
123
|
+
--pds-color-interactive-background-hover: #282839;
|
|
114
124
|
--pds-color-interactive-focus: #36a3ff;
|
|
115
125
|
--pds-color-interactive-link-active: #ad9bff;
|
|
116
126
|
--pds-color-interactive-link-default: #36a3ff;
|
|
@@ -121,6 +131,11 @@
|
|
|
121
131
|
--pds-color-interactive-reverse-link-default: #0f62fe;
|
|
122
132
|
--pds-color-interactive-reverse-link-hover: #4f32ce;
|
|
123
133
|
--pds-color-interactive-reverse-link-visited: #4f32ce;
|
|
134
|
+
--pds-color-nav-item-default-foreground-active: #ad9bff;
|
|
135
|
+
--pds-color-nav-item-default-foreground-hover: #ad9bff;
|
|
136
|
+
--pds-color-nav-item-default-foreground-trigger: #a6a3b4;
|
|
137
|
+
--pds-color-nav-item-reverse-foreground-active: #4e39a8;
|
|
138
|
+
--pds-color-nav-item-reverse-foreground-hover: #4e39a8;
|
|
124
139
|
--pds-color-overlay: rgba(9, 0, 48, 0.45);
|
|
125
140
|
--pds-color-pagination-background-active: #2e1d78;
|
|
126
141
|
--pds-color-pagination-background-hover: #4e39a8;
|
|
@@ -117,6 +117,14 @@
|
|
|
117
117
|
--pds-color-button-subtle-foreground-active: #12026f;
|
|
118
118
|
--pds-color-button-subtle-foreground-default: #4f32ce;
|
|
119
119
|
--pds-color-button-subtle-foreground-hover: #3017a1;
|
|
120
|
+
--pds-color-code-block-dark-background: var(--pds-color-background-reverse);
|
|
121
|
+
--pds-color-code-block-dark-foreground: var(--pds-color-foreground-reverse);
|
|
122
|
+
--pds-color-code-block-dark-highlight: #474954;
|
|
123
|
+
--pds-color-code-block-dark-line-prefix: #9699a1;
|
|
124
|
+
--pds-color-code-block-light-background: #eff0f0;
|
|
125
|
+
--pds-color-code-block-light-foreground: #3b3d45;
|
|
126
|
+
--pds-color-code-block-light-highlight: #dedfe0;
|
|
127
|
+
--pds-color-code-block-light-line-prefix: #686d78;
|
|
120
128
|
--pds-color-code-inline-background: #f4f3fc;
|
|
121
129
|
--pds-color-code-inline-border: #e5e0f8;
|
|
122
130
|
--pds-color-code-inline-text: #000000;
|
|
@@ -165,6 +173,12 @@
|
|
|
165
173
|
--pds-color-gradient-card-royal: linear-gradient(225deg, #3017A1 0%, #8A70FF 100%);
|
|
166
174
|
--pds-color-gradient-card-sundown: linear-gradient(225deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
|
|
167
175
|
--pds-color-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
|
|
176
|
+
--pds-color-icon-button-critical-background-active: hsl(from var(--pds-color-status-critical-utility) h s l / 0.15);
|
|
177
|
+
--pds-color-icon-button-critical-background-hover: var(--pds-color-status-critical-background);
|
|
178
|
+
--pds-color-icon-button-reverse-background-active: #6a6e7a;
|
|
179
|
+
--pds-color-icon-button-reverse-background-hover: #474954;
|
|
180
|
+
--pds-color-icon-button-standard-background-active: var(--pds-color-interactive-background-active);
|
|
181
|
+
--pds-color-icon-button-standard-background-hover: var(--pds-color-interactive-background-hover);
|
|
168
182
|
--pds-color-input-checkbox-checked-foreground: #ffffff;
|
|
169
183
|
--pds-color-input-file-upload-button-background-default: #f4f4f4;
|
|
170
184
|
--pds-color-input-file-upload-button-background-hover: #e3e4e5;
|
|
@@ -183,10 +197,9 @@
|
|
|
183
197
|
--pds-color-interactive-reverse-link-visited: #8a70ff;
|
|
184
198
|
--pds-color-nav-item-default-foreground-active: #4f32ce;
|
|
185
199
|
--pds-color-nav-item-default-foreground-hover: #4f32ce;
|
|
200
|
+
--pds-color-nav-item-default-foreground-trigger: #6a6e7a;
|
|
186
201
|
--pds-color-nav-item-reverse-foreground-active: #e5e0f8;
|
|
187
202
|
--pds-color-nav-item-reverse-foreground-hover: #e5e0f8;
|
|
188
|
-
--pds-color-nav-trigger-default: #6a6e7a;
|
|
189
|
-
--pds-color-nav-trigger-open: #4f32ce;
|
|
190
203
|
--pds-color-neutral-000: #ffffff;
|
|
191
204
|
--pds-color-neutral-100: #f4f4f4;
|
|
192
205
|
--pds-color-neutral-200: #e3e4e5;
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
--pds-container-modal-width-large: 44rem;
|
|
42
42
|
--pds-container-modal-width-medium: 36rem;
|
|
43
43
|
--pds-container-modal-width-small: 25rem;
|
|
44
|
+
--pds-container-modal-width-xl: 60rem;
|
|
44
45
|
--pds-container-padding-base: var(--pds-spacing-xl);
|
|
45
46
|
--pds-container-padding-narrow-bp-lg: 20%;
|
|
46
47
|
--pds-container-padding-narrow-bp-md: 12%;
|
|
@@ -106,6 +107,7 @@
|
|
|
106
107
|
--pds-typography-size-7xl: 4.3rem;
|
|
107
108
|
--pds-typography-size-8xl: 5.160rem;
|
|
108
109
|
--pds-typography-size-9xl: 6.192rem;
|
|
110
|
+
--pds-typography-size-code-block: 0.9rem;
|
|
109
111
|
--pds-typography-size-default: 1rem;
|
|
110
112
|
--pds-typography-size-input-label: 1rem;
|
|
111
113
|
--pds-typography-size-l: 1.2rem;
|