@pantheon-systems/pds-toolkit-react 2.0.0-alpha.13 → 2.0.0-alpha.15
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/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +1 -1
- package/dist/components/{CTALink → links/CTALink}/CTALink.d.ts +1 -1
- package/dist/components/{LinkNewWindow → links/LinkNewWindow}/LinkNewWindow.d.ts +1 -1
- package/dist/components/panels/PanelList/PanelList.d.ts +1 -1
- package/dist/css/component-css/pds-callout.css +1 -1
- package/dist/css/component-css/pds-card-select-group.css +1 -1
- package/dist/css/component-css/pds-card.css +1 -1
- package/dist/css/component-css/pds-cta-link.css +1 -1
- package/dist/css/component-css/pds-empty-state-card.css +1 -1
- package/dist/css/component-css/pds-icon.css +1 -1
- package/dist/css/component-css/pds-index.css +12 -12
- package/dist/css/component-css/pds-link-new-window.css +1 -1
- package/dist/css/component-css/pds-new-site-card.css +1 -1
- package/dist/css/component-css/pds-panel-list.css +1 -1
- package/dist/css/component-css/pds-panel.css +1 -1
- package/dist/css/component-css/pds-payment-card.css +1 -1
- package/dist/css/component-css/pds-pricing-card.css +1 -1
- package/dist/css/component-css/pds-tags-input.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +23 -21
- package/dist/css/design-tokens/variables.global.css +5 -9
- package/dist/css/design-tokens/variables.light.css +23 -21
- package/dist/css/design-tokens/variables.typography.css +1 -1
- package/dist/css/layout-css/pds-index.css +1 -1
- package/dist/css/pds-components.css +12 -12
- package/dist/css/pds-core.css +2 -2
- package/dist/css/pds-layouts.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +8 -4
- package/dist/index.js +1625 -1504
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +6 -6
- package/package.json +2 -2
- package/dist/css/layout-css/pds-flex-container.css +0 -1
- /package/dist/components/{Picture → media/Picture}/Picture.d.ts +0 -0
- /package/dist/components/{VideoEmbed → media/VideoEmbed}/VideoEmbed.d.ts +0 -0
- /package/dist/{layouts → utilities}/Container/Container.d.ts +0 -0
- /package/dist/{layouts → utilities}/FlexContainer/FlexContainer.d.ts +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-
|
|
1
|
+
.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);padding-block:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--s{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);font-size:var(--pds-typography-size-s)}.pds-link-new-window--m{--icon-size:var(--pds-typography-size-s);--icon-h-offset:var(--pds-spacing-2xs);font-size:var(--pds-typography-size-m)}.pds-link-new-window--l{--icon-size:var(--pds-typography-size-m);--icon-h-offset:var(--pds-spacing-xs);font-size:var(--pds-typography-size-l)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-new-site-card{position:relative}.pds-new-site-card .pds-card{height:100%}.pds-new-site-card:hover{text-decoration:none}.pds-new-site-card:hover .pds-card{box-shadow:var(--pds-elevation-overlay)}a.pds-new-site-card__selection-link,a.pds-new-site-card__selection-link:hover{text-decoration:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible{outline:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible:before{border:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);border-radius:var(--pds-border-radius-
|
|
1
|
+
.pds-new-site-card{position:relative}.pds-new-site-card .pds-card{height:100%}.pds-new-site-card:hover{text-decoration:none}.pds-new-site-card:hover .pds-card{box-shadow:var(--pds-elevation-overlay)}a.pds-new-site-card__selection-link,a.pds-new-site-card__selection-link:hover{text-decoration:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible{outline:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible:before{border:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);border-radius:var(--pds-border-radius-card);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--pds-animation-transition-button)}.pds-new-site-card__main{display:flex;flex-direction:column;height:100%;justify-content:space-between}.pds-new-site-card__header{align-items:center;column-gap:var(--pds-spacing-s);display:flex;line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-s)}.pds-new-site-card__icon{color:var(--pds-color-fg-default)}.pds-new-site-card__icon .pds-pantheon-logo--icon{height:1.728rem;width:auto}.pds-new-site-card__title{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold)}.pds-new-site-card__subtitle{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-new-site-card__badge{margin-block-end:var(--pds-spacing-m)}.pds-new-site-card__summary{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);word-wrap:normal;overflow-wrap:anywhere}.pds-new-site-card__links{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--pds-spacing-m);display:flex;font-size:var(--pds-typography-size-xs);margin-block-start:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-m)}.pds-new-site-card__link{column-gap:var(--pds-spacing-3xs);display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-panel-list{--panel-list-background:var(--pds-color-bg-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-
|
|
1
|
+
.pds-panel-list{--panel-list-background:var(--pds-color-bg-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--s{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--m{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--l{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-bg-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}@media (min-width:768px){.pds-panel-row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.pds-panel-row__main{display:flex;justify-content:space-between;min-height:3rem;padding-inline-end:0;position:relative;width:100%}.pds-panel-row__main.is-expandable{padding-inline-end:2rem}.pds-panel-row__expand-button{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:calc(50% - .75em)}.pds-panel-row__expand-button .pds-panel-row__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button .pds-panel-row__expand-icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button:hover .pds-panel-row__expand-icon{color:var(--pds-color-interactive-link-hover)}.pds-panel-row__expand-button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)!important;outline-offset:.0625rem}.pds-panel-row__items{align-items:center;display:flex}.pds-panel-row__items-inside{margin-top:var(--pds-spacing-s)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-bg-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-
|
|
1
|
+
.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-bg-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-m)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-l)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--bg-color:var(--pds-color-panel-raised-background);--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--bg-color:var(--pds-color-panel-overlay-background);--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-foreground)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-payment-card{position:relative}.pds-payment-card:hover{text-decoration:none}.pds-payment-card:hover .pds-card{box-shadow:var(--pds-elevation-overlay)}.pds-payment-card .pds-payment-card__top{border-bottom:1px solid #e3e4e5;cursor:pointer;display:flex;gap:var(--pds-spacing-s);margin-block-end:var(--pds-spacing-m);padding-block-end:var(--pds-spacing-m)}.pds-payment-card .pds-payment-card__top .pds-payment-card__icon{width:var(--pds-spacing-5xl)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details{display:flex;flex-direction:column;gap:var(--pds-spacing-3xs)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-bold);line-height:var(--pds-typography-lh-m);text-transform:uppercase}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-name{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-exp{font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-payment-card .pds-payment-card__bottom{align-items:center;color:var(--pds-color-text-default-secondary);display:flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);justify-content:space-between}.pds-payment-card .pds-payment-card__bottom button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);gap:var(--pds-spacing-3xs);justify-content:center;padding:0;text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-payment-card .pds-payment-card__bottom button:hover{color:var(--pds-color-interactive-link-hover)}.pds-payment-card .pds-payment-card__bottom button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-payment-card .pds-payment-card__main:focus-visible{outline:none}.pds-payment-card .pds-payment-card__main:focus-visible:before{border:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);border-radius:var(--pds-border-radius-
|
|
1
|
+
.pds-payment-card{position:relative}.pds-payment-card:hover{text-decoration:none}.pds-payment-card:hover .pds-card{box-shadow:var(--pds-elevation-overlay)}.pds-payment-card .pds-payment-card__top{border-bottom:1px solid #e3e4e5;cursor:pointer;display:flex;gap:var(--pds-spacing-s);margin-block-end:var(--pds-spacing-m);padding-block-end:var(--pds-spacing-m)}.pds-payment-card .pds-payment-card__top .pds-payment-card__icon{width:var(--pds-spacing-5xl)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details{display:flex;flex-direction:column;gap:var(--pds-spacing-3xs)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-bold);line-height:var(--pds-typography-lh-m);text-transform:uppercase}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-name{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-exp{font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-payment-card .pds-payment-card__bottom{align-items:center;color:var(--pds-color-text-default-secondary);display:flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);justify-content:space-between}.pds-payment-card .pds-payment-card__bottom button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);gap:var(--pds-spacing-3xs);justify-content:center;padding:0;text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-payment-card .pds-payment-card__bottom button:hover{color:var(--pds-color-interactive-link-hover)}.pds-payment-card .pds-payment-card__bottom button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-payment-card .pds-payment-card__main:focus-visible{outline:none}.pds-payment-card .pds-payment-card__main:focus-visible:before{border:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);border-radius:var(--pds-border-radius-card);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--pds-animation-transition-button)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-pricing-card{--pricing-card-padding:var(--pds-spacing-xl);background-color:var(--pds-color-card-background);border:calc(var(--pds-border-width-default)*.5) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-
|
|
1
|
+
.pds-pricing-card{--pricing-card-padding:var(--pds-spacing-xl);background-color:var(--pds-color-card-background);border:calc(var(--pds-border-width-default)*.5) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-fg-default);display:grid;font-family:var(--pds-typography-ff-default);grid-template-rows:1fr auto;justify-content:center;position:relative}.pds-pricing-card--mostPopular{border-color:var(--pds-color-badge-status-reverse-border);border-width:var(--pds-border-width-default)}.pds-pricing-card__status-badge{left:50%;position:absolute;top:-.85rem;transform:translateX(-50%)}.pds-pricing-card__plan{margin-block-end:0;margin-block-start:var(--pds-spacing-3xs)}.pds-pricing-card__main-content{display:flex;flex-direction:column;padding:var(--pricing-card-padding);row-gap:var(--pds-spacing-l)}.pds-pricing-card__pricing-data{display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}.pds-pricing-card__list--hide,.pds-pricing-card__pricing-data--hide{display:none}.pds-pricing-card__price-line{align-items:center;column-gap:var(--pds-spacing-4xs);display:flex}.pds-pricing-card__price-prefix{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:calc(var(--pds-spacing-xs)*-1);margin-block-start:var(--pds-spacing-4xs)}.pds-pricing-card__price{font-size:var(--pds-typography-size-3xl);font-weight:var(--pds-typography-fw-bold)}.pds-pricing-card__details{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-regular)}.pds-pricing-card__savings-line{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-pricing-card__savings-details{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular)}.pds-pricing-card__description{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-pricing-card__actions{display:flex;gap:var(--pds-spacing-l);padding:var(--pricing-card-padding);padding-block-start:var(--pds-spacing-2xl)}.pds-pricing-card__actions>*{flex-grow:1}.pds-pricing-card__actions .pds-button-link a{width:100%}.pds-pricing-card-container--with-list{display:grid;margin-block-end:var(--pds-spacing-xl);row-gap:var(--pds-spacing-2xl)}@media (min-width:768px){.pds-pricing-card-container--with-list{column-gap:var(--pds-spacing-2xl);grid-template-columns:1fr 1fr}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:var(--pds-spacing-s);margin-inline:0}}@media (min-width:1280px){.pds-pricing-card-container--with-list{grid-template-columns:unset;grid-template-rows:1fr minmax(10rem,14rem);margin-block-end:0;row-gap:var(--pds-spacing-2xl)}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:0;margin-inline:var(--pds-spacing-s)}}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-inline:var(--pds-spacing-s)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-
|
|
1
|
+
.pds-tags-input{--tag-background:var(--pds-color-input-tag-background-default);--tag-hover-background:var(--pds-color-input-tag-background-hover);--tag-text-color:var(--pds-color-input-tag-foreground-default);--tag-text-hover-color:var(--pds-color-input-tag-foreground-hover);--tag-icon-hover-color:var(--pds-color-fg-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active)}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--pds-spacing-2xs);padding:var(--pds-spacing-2xs);transition:var(--pds-animation-input-transition)}.pds-tags-input__input-wrapper:has(:focus-visible){border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-focus-transition)}.pds-tags-input__tags{display:flex;flex-wrap:wrap}.pds-tags-input__tag,.pds-tags-input__tags{align-items:center;gap:var(--pds-spacing-2xs)}.pds-tags-input__tag{background-color:var(--tag-background);border-radius:var(--pds-border-radius-default);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);line-height:1;padding-block:var(--pds-spacing-6xs);padding-inline:var(--pds-spacing-s) var(--pds-spacing-4xs);position:relative;transition:background-color .2s ease,color .2s ease}.pds-tags-input__tag:focus-visible{background-color:var(--tag-hover-background);color:var(--tag-text-hover-color);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tags-input__tag:active{cursor:grabbing}.pds-tags-input__tag--dragging{opacity:.5}.pds-tags-input__tag--dragging:after,.pds-tags-input__tag--dragging:before{display:none}.pds-tags-input__tag--dragging .pds-tags-input__tag-remove-icon{opacity:.5}.pds-tags-input__tag--drag-preview{background-color:var(--tag-hover-background)!important;color:var(--tag-text-hover-color)!important;outline:var(--tag-selected-outline)!important;outline-offset:-1px!important}.pds-tags-input__tag--drop-target-before:before{inset-inline-start:calc(var(--pds-spacing-2xs)/-2 - 1px)}.pds-tags-input__tag--drop-target-after:after,.pds-tags-input__tag--drop-target-before:before{background:var(--pds-color-badge-indicator-platinum-foreground);content:"";height:100%;position:absolute;top:0;width:2px}.pds-tags-input__tag--drop-target-after:after{inset-inline-end:calc(var(--pds-spacing-2xs)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-fg-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);touch-action:none;transition:color .2s ease}.pds-tags-input__tag-grip svg{height:.9rem;width:auto}.pds-tags-input__tag-grip:hover{color:var(--tag-icon-hover-color);opacity:1}.pds-tags-input__tag:active .pds-tags-input__tag-grip{cursor:grabbing}.pds-tags-input__tag-text{user-select:none}.pds-tags-input__tag-remove{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;height:var(--pds-spacing-m);justify-content:center;margin-inline-start:calc(var(--pds-spacing-4xs)*-1);min-height:1.5rem;min-width:1.5rem;transition:color .2s ease;width:var(--pds-spacing-m)}.pds-tags-input__tag-remove:hover{color:var(--tag-icon-hover-color)}.pds-tags-input__tag-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-button-transition)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-fg-default-secondary);flex-grow:0;flex-shrink:0;height:var(--pds-spacing-m);transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-remove:hover .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color)}.pds-tags-input__tag.pds-is-disabled{cursor:not-allowed;opacity:63%}.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-grip,.pds-tags-input__tag.pds-is-disabled .pds-tags-input__tag-remove{cursor:not-allowed;pointer-events:none}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging){background-color:var(--tag-hover-background);color:var(--tag-text-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-grip{color:var(--tag-icon-hover-color)}.pds-tags-input:not(.pds-is-disabled) .pds-tags-input__tag:hover:not(.pds-tags-input__tag--dragging) .pds-tags-input__tag-remove-icon{color:var(--tag-icon-hover-color);opacity:.5}.pds-tags-input__input{background:none;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex:1 1 auto;line-height:1;min-width:3rem;outline:none;padding-block:var(--pds-spacing-6xs);padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-error .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-critical-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-tags-input.pds-has-success .pds-tags-input__input-wrapper:focus-within{border-color:var(--pds-color-status-success-foreground)}
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
--pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
|
|
99
99
|
--pds-color-banner-neutral-background: oklch(0.3554 0.0058 258.35);
|
|
100
100
|
--pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
|
|
101
|
-
--pds-color-card-background: oklch(0.
|
|
101
|
+
--pds-color-card-background: oklch(0.2433 0.0041 264.49);
|
|
102
102
|
--pds-color-code-block-dark-background: var(--pds-color-bg-reverse);
|
|
103
103
|
--pds-color-code-block-dark-foreground: var(--pds-color-fg-reverse);
|
|
104
104
|
--pds-color-code-block-dark-line-prefix: #9699A1;
|
|
@@ -118,19 +118,19 @@
|
|
|
118
118
|
--pds-color-dashboard-nav-item-foreground-default: var(--pds-color-fg-default);
|
|
119
119
|
--pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-fg-default);
|
|
120
120
|
--pds-color-dashboard-nav-item-foreground-active: var(--pds-color-fg-reverse);
|
|
121
|
-
--pds-color-datepicker-accent-foreground:
|
|
122
|
-
--pds-color-datepicker-range-background:
|
|
121
|
+
--pds-color-datepicker-accent-foreground: oklch(0.5308 0.2335 268.08);
|
|
122
|
+
--pds-color-datepicker-range-background: oklch(0.287 0.0845 266.41);
|
|
123
123
|
--pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
|
|
124
|
-
--pds-color-datepicker-selected-background:
|
|
124
|
+
--pds-color-datepicker-selected-background: oklch(0.5308 0.2335 268.08);
|
|
125
125
|
--pds-color-datepicker-selected-foreground: oklch(0.2046 0 0);
|
|
126
126
|
--pds-color-log-row-standard-background-default: oklch(1.0000 0 0);
|
|
127
127
|
--pds-color-log-row-standard-background-hover: oklch(0.8388 0.003 264.54);
|
|
128
128
|
--pds-color-log-row-warning-background-default: oklch(0.4141 0.0927 65.26);
|
|
129
129
|
--pds-color-log-row-error-background-default: oklch(0.3866 0.145 30.09);
|
|
130
130
|
--pds-color-pagination-foreground-hover: oklch(0.8388 0.003 264.54);
|
|
131
|
-
--pds-color-pagination-foreground-active:
|
|
132
|
-
--pds-color-pagination-background-hover:
|
|
133
|
-
--pds-color-pagination-background-active:
|
|
131
|
+
--pds-color-pagination-foreground-active: oklch(0.9361 0.0305 273.64);
|
|
132
|
+
--pds-color-pagination-background-hover: oklch(0.5308 0.2335 268.08);
|
|
133
|
+
--pds-color-pagination-background-active: oklch(0.287 0.0845 266.41);
|
|
134
134
|
--pds-color-panel-sunken-background: oklch(0.1489 0.0027 248.08);
|
|
135
135
|
--pds-color-panel-raised-background: oklch(0.2046 0 0);
|
|
136
136
|
--pds-color-panel-overlay-background: oklch(0.2046 0 0);
|
|
@@ -200,9 +200,8 @@
|
|
|
200
200
|
--pds-color-bg-default-secondary: oklch(0.1489 0.0027 248.08);
|
|
201
201
|
--pds-color-bg-reverse: oklch(0.8388 0.003 264.54);
|
|
202
202
|
--pds-color-border-default: oklch(0.4235 0.0071 264.49);
|
|
203
|
-
--pds-color-border-brand: #9786E2;
|
|
204
203
|
--pds-color-border-input: oklch(0.4235 0.0071 264.49);
|
|
205
|
-
--pds-color-border-separator: oklch(0.
|
|
204
|
+
--pds-color-border-separator: oklch(0.5991 0 0);
|
|
206
205
|
--pds-color-border-hover: oklch(0.5 0.005 264);
|
|
207
206
|
--pds-color-button-primary-background-default: oklch(1.0000 0 0);
|
|
208
207
|
--pds-color-button-primary-background-hover: oklch(0.8388 0.003 264.54);
|
|
@@ -262,9 +261,9 @@
|
|
|
262
261
|
--pds-color-segmented-button-background-active: oklch(0.8388 0.003 264.54);
|
|
263
262
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
|
|
264
263
|
--pds-color-segmented-button-foreground-active: var(--pds-color-fg-reverse);
|
|
265
|
-
--pds-color-category-ai-foreground:
|
|
266
|
-
--pds-color-category-ai-utility:
|
|
267
|
-
--pds-color-category-ai-background:
|
|
264
|
+
--pds-color-category-ai-foreground: oklch(0.9407 0.0377 309.6);
|
|
265
|
+
--pds-color-category-ai-utility: oklch(0.542 0.2895 299.91);
|
|
266
|
+
--pds-color-category-ai-background: oklch(0.4814 0.2603 297.73);
|
|
268
267
|
--pds-color-code-inline-background: oklch(0.2433 0.0041 264.49);
|
|
269
268
|
--pds-color-code-inline-border: oklch(0.2929 0.0039 264.51);
|
|
270
269
|
--pds-color-code-inline-text: #ffffff;
|
|
@@ -277,24 +276,25 @@
|
|
|
277
276
|
--pds-color-dropdown-foreground: var(--pds-color-fg-default);
|
|
278
277
|
--pds-color-dropdown-heading: var(--pds-color-fg-default-secondary);
|
|
279
278
|
--pds-color-dropdown-description: var(--pds-color-fg-default-secondary);
|
|
280
|
-
--pds-color-dropdown-item-background-hover:
|
|
279
|
+
--pds-color-dropdown-item-background-hover: oklch(0.36 0.005 264);
|
|
281
280
|
--pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
|
|
282
281
|
--pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
|
|
283
282
|
--pds-color-dropdown-top-border: rgba(255, 255, 255, 0.00);
|
|
284
283
|
--pds-color-fg-default: oklch(1.0000 0 0);
|
|
285
284
|
--pds-color-fg-default-secondary: oklch(0.8388 0.003 264.54);
|
|
286
285
|
--pds-color-fg-reverse: oklch(0.2046 0 0);
|
|
286
|
+
--pds-color-fg-reverse-secondary: oklch(0.5103 0 0);
|
|
287
287
|
--pds-color-input-placeholder: oklch(0.5991 0.0051 258.33);
|
|
288
288
|
--pds-color-input-file-upload-button-background-default: oklch(0.2929 0.0039 264.51);
|
|
289
289
|
--pds-color-input-file-upload-button-background-hover: oklch(0.3554 0.0058 258.35);
|
|
290
290
|
--pds-color-input-switch-icon: oklch(0.8388 0.003 264.54);
|
|
291
|
-
--pds-color-input-tag-background-default: oklch(0.
|
|
292
|
-
--pds-color-input-tag-background-hover: oklch(0.
|
|
293
|
-
--pds-color-input-tag-background-active:
|
|
291
|
+
--pds-color-input-tag-background-default: oklch(0.38 0 0);
|
|
292
|
+
--pds-color-input-tag-background-hover: oklch(0.32 0 0);
|
|
293
|
+
--pds-color-input-tag-background-active: oklch(0.5558 0.2372 267.79);
|
|
294
294
|
--pds-color-input-tag-foreground-default: oklch(1.0000 0 0);
|
|
295
295
|
--pds-color-input-tag-foreground-hover: oklch(1.0000 0 0);
|
|
296
296
|
--pds-color-input-tag-foreground-active: oklch(1.0000 0 0);
|
|
297
|
-
--pds-color-input-tag-outline-active:
|
|
297
|
+
--pds-color-input-tag-outline-active: oklch(0.5558 0.2372 267.79);
|
|
298
298
|
--pds-color-interactive-background-hover: oklch(0.2929 0.0039 264.51);
|
|
299
299
|
--pds-color-interactive-background-active: oklch(0.3554 0.0058 258.35);
|
|
300
300
|
--pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
|
|
@@ -313,11 +313,11 @@
|
|
|
313
313
|
--pds-color-nav-side-nav-item-foreground-default: var(--pds-color-fg-default-secondary);
|
|
314
314
|
--pds-color-nav-side-nav-item-foreground-hover: var(--pds-color-fg-default);
|
|
315
315
|
--pds-color-nav-side-nav-item-foreground-active: var(--pds-color-fg-default);
|
|
316
|
-
--pds-color-nav-item-default-foreground-hover:
|
|
317
|
-
--pds-color-nav-item-default-foreground-active:
|
|
316
|
+
--pds-color-nav-item-default-foreground-hover: oklch(0.6311 0.2503 304.99);
|
|
317
|
+
--pds-color-nav-item-default-foreground-active: oklch(0.6311 0.2503 304.99);
|
|
318
318
|
--pds-color-nav-item-default-foreground-trigger: oklch(0.4235 0.0071 264.49);
|
|
319
|
-
--pds-color-nav-item-reverse-foreground-hover:
|
|
320
|
-
--pds-color-nav-item-reverse-foreground-active:
|
|
319
|
+
--pds-color-nav-item-reverse-foreground-hover: oklch(0.4814 0.2603 297.73);
|
|
320
|
+
--pds-color-nav-item-reverse-foreground-active: oklch(0.4814 0.2603 297.73);
|
|
321
321
|
--pds-color-overlay: rgba(0, 0, 0, 0.45);
|
|
322
322
|
--pds-color-overlay-subtle: rgba(0, 0, 0, 0.4);
|
|
323
323
|
--pds-color-partner-bitbucket: #004DC0;
|
|
@@ -349,6 +349,8 @@
|
|
|
349
349
|
--pds-color-status-discovery-dot: oklch(0.4772 0.1603 302.13);
|
|
350
350
|
--pds-color-status-discovery-border: oklch(0.4772 0.1603 302.13);
|
|
351
351
|
--pds-color-status-discovery-background: oklch(0.2809 0.0442 307.66);
|
|
352
|
+
--pds-color-status-neutral-background: oklch(0.3554 0.0058 258.35);
|
|
353
|
+
--pds-color-status-neutral-indicator: oklch(0.8388 0.003 264.54);
|
|
352
354
|
--pds-color-status-frozen-dot: oklch(0.8816 0.0619 245.59);
|
|
353
355
|
--pds-color-status-disabled-dot: oklch(0.8853 0 0);
|
|
354
356
|
--pds-elevation-dashboard: 1px 1px 6px -2px rgba(80, 80, 80, 0.2), 1px 1px 0px 0px #1a1b20;
|
|
@@ -13,26 +13,22 @@
|
|
|
13
13
|
--pds-border-width-default: 1px;
|
|
14
14
|
--pds-border-width-thicker: 2px;
|
|
15
15
|
--pds-border-width-outline: 1px;
|
|
16
|
-
--pds-border-radius-default: 0.188rem;
|
|
17
16
|
--pds-border-radius-bar: 3.5rem;
|
|
18
17
|
--pds-border-radius-button: 3.5rem;
|
|
18
|
+
--pds-border-radius-card: 0.75rem;
|
|
19
19
|
--pds-border-radius-container: 0.375rem;
|
|
20
|
+
--pds-border-radius-default: 0.188rem;
|
|
20
21
|
--pds-border-radius-input: 0.25rem;
|
|
22
|
+
--pds-border-radius-panel: 1rem;
|
|
23
|
+
--pds-border-radius-promo: 1.5rem;
|
|
21
24
|
--pds-container-modal-width-s: 25rem;
|
|
22
25
|
--pds-container-modal-width-m: 37.5rem;
|
|
23
26
|
--pds-container-modal-width-l: 47.5rem;
|
|
24
27
|
--pds-container-modal-width-xl: 67.5rem;
|
|
25
28
|
--pds-container-tooltip-max-width: 12.5rem;
|
|
26
29
|
--pds-container-dashboard-navbar-max-width: 1440px;
|
|
27
|
-
--pds-container-padding-base: var(--pds-spacing-xl);
|
|
28
|
-
--pds-container-padding-narrow-bp-m: 12%;
|
|
29
|
-
--pds-container-padding-narrow-bp-l: 20%;
|
|
30
|
-
--pds-container-padding-standard-bp-m: 6%;
|
|
31
|
-
--pds-container-padding-standard-bp-l: 8%;
|
|
32
|
-
--pds-container-padding-wide-bp-m: 5%;
|
|
33
|
-
--pds-container-padding-wide-bp-l: 4%;
|
|
34
30
|
--pds-container-max-width-narrow: 1024px;
|
|
35
|
-
--pds-container-max-width-standard:
|
|
31
|
+
--pds-container-max-width-standard: 1280px;
|
|
36
32
|
--pds-container-max-width-wide: 1600px;
|
|
37
33
|
--pds-container-max-width-x-wide: 1860px;
|
|
38
34
|
--pds-grid-columns-4-gap: var(--pds-spacing-l);
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
--pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
|
|
99
99
|
--pds-color-banner-neutral-background: oklch(0.2046 0 0);
|
|
100
100
|
--pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
|
|
101
|
-
--pds-color-card-background: oklch(
|
|
101
|
+
--pds-color-card-background: oklch(1.0000 0 0);
|
|
102
102
|
--pds-color-code-block-dark-background: var(--pds-color-bg-reverse);
|
|
103
103
|
--pds-color-code-block-dark-foreground: var(--pds-color-fg-reverse);
|
|
104
104
|
--pds-color-code-block-dark-line-prefix: #9699A1;
|
|
@@ -118,10 +118,10 @@
|
|
|
118
118
|
--pds-color-dashboard-nav-item-foreground-default: var(--pds-color-fg-default);
|
|
119
119
|
--pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-fg-default);
|
|
120
120
|
--pds-color-dashboard-nav-item-foreground-active: var(--pds-color-fg-reverse);
|
|
121
|
-
--pds-color-datepicker-accent-foreground:
|
|
122
|
-
--pds-color-datepicker-range-background:
|
|
121
|
+
--pds-color-datepicker-accent-foreground: oklch(0.5558 0.2372 267.79);
|
|
122
|
+
--pds-color-datepicker-range-background: oklch(0.955 0.0212 268.43);
|
|
123
123
|
--pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
|
|
124
|
-
--pds-color-datepicker-selected-background:
|
|
124
|
+
--pds-color-datepicker-selected-background: oklch(0.5558 0.2372 267.79);
|
|
125
125
|
--pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
|
|
126
126
|
--pds-color-log-row-standard-background-default: oklch(0.2046 0 0);
|
|
127
127
|
--pds-color-log-row-standard-background-hover: oklch(0.5103 0 0);
|
|
@@ -129,8 +129,8 @@
|
|
|
129
129
|
--pds-color-log-row-error-background-default: oklch(0.9645 0.0174 21.81);
|
|
130
130
|
--pds-color-pagination-foreground-hover: var(--pds-color-interactive-link-hover);
|
|
131
131
|
--pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
|
|
132
|
-
--pds-color-pagination-background-hover: var(--pds-color-
|
|
133
|
-
--pds-color-pagination-background-active:
|
|
132
|
+
--pds-color-pagination-background-hover: var(--pds-color-iris-100);
|
|
133
|
+
--pds-color-pagination-background-active: oklch(0.8775 0.0595 268.38);
|
|
134
134
|
--pds-color-panel-sunken-background: oklch(0.9702 0 0);
|
|
135
135
|
--pds-color-panel-raised-background: oklch(0.9851 0 0);
|
|
136
136
|
--pds-color-panel-overlay-background: oklch(0.9851 0 0);
|
|
@@ -200,9 +200,8 @@
|
|
|
200
200
|
--pds-color-bg-default-secondary: oklch(0.9702 0 0);
|
|
201
201
|
--pds-color-bg-reverse: oklch(0.2046 0 0);
|
|
202
202
|
--pds-color-border-default: oklch(0.9401 0 0);
|
|
203
|
-
--pds-color-border-brand: #E5E0F8;
|
|
204
203
|
--pds-color-border-input: oklch(0.8853 0 0);
|
|
205
|
-
--pds-color-border-separator: oklch(0.
|
|
204
|
+
--pds-color-border-separator: oklch(0.8047 0 0);
|
|
206
205
|
--pds-color-border-hover: oklch(0.85 0 0);
|
|
207
206
|
--pds-color-button-primary-background-default: oklch(0.2046 0 0);
|
|
208
207
|
--pds-color-button-primary-background-hover: oklch(0.3715 0 0);
|
|
@@ -262,11 +261,11 @@
|
|
|
262
261
|
--pds-color-segmented-button-background-active: oklch(1.0000 0 0);
|
|
263
262
|
--pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
|
|
264
263
|
--pds-color-segmented-button-foreground-active: var(--pds-color-fg-default);
|
|
265
|
-
--pds-color-category-ai-foreground:
|
|
266
|
-
--pds-color-category-ai-utility:
|
|
267
|
-
--pds-color-category-ai-background:
|
|
268
|
-
--pds-color-code-inline-background:
|
|
269
|
-
--pds-color-code-inline-border:
|
|
264
|
+
--pds-color-category-ai-foreground: oklch(0.542 0.2895 299.91);
|
|
265
|
+
--pds-color-category-ai-utility: oklch(0.7471 0.1667 306.46);
|
|
266
|
+
--pds-color-category-ai-background: oklch(0.9488 0.0339 312.43);
|
|
267
|
+
--pds-color-code-inline-background: oklch(0.9851 0 0);
|
|
268
|
+
--pds-color-code-inline-border: oklch(0.9702 0 0);
|
|
270
269
|
--pds-color-code-inline-text: oklch(0.2046 0 0);
|
|
271
270
|
--pds-color-datavis-1: #003F5C;
|
|
272
271
|
--pds-color-datavis-2: #006779;
|
|
@@ -284,17 +283,18 @@
|
|
|
284
283
|
--pds-color-fg-default: oklch(0.2046 0 0);
|
|
285
284
|
--pds-color-fg-default-secondary: oklch(0.5103 0 0);
|
|
286
285
|
--pds-color-fg-reverse: oklch(1.0000 0 0);
|
|
286
|
+
--pds-color-fg-reverse-secondary: oklch(0.7874 0 0);
|
|
287
287
|
--pds-color-input-placeholder: oklch(0.8047 0 0);
|
|
288
288
|
--pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
|
|
289
289
|
--pds-color-input-file-upload-button-background-hover: oklch(0.9401 0 0);
|
|
290
290
|
--pds-color-input-switch-icon: oklch(1.0000 0 0);
|
|
291
|
-
--pds-color-input-tag-background-default: oklch(0.
|
|
292
|
-
--pds-color-input-tag-background-hover: oklch(0.
|
|
291
|
+
--pds-color-input-tag-background-default: oklch(0.907 0 0);
|
|
292
|
+
--pds-color-input-tag-background-hover: oklch(0.87 0 0);
|
|
293
293
|
--pds-color-input-tag-background-active: oklch(0.9635 0.0220 312.19);
|
|
294
294
|
--pds-color-input-tag-foreground-default: oklch(0.2046 0 0);
|
|
295
295
|
--pds-color-input-tag-foreground-hover: oklch(0.2046 0 0);
|
|
296
|
-
--pds-color-input-tag-foreground-active:
|
|
297
|
-
--pds-color-input-tag-outline-active:
|
|
296
|
+
--pds-color-input-tag-foreground-active: oklch(0.5558 0.2372 267.79);
|
|
297
|
+
--pds-color-input-tag-outline-active: oklch(0.5558 0.2372 267.79);
|
|
298
298
|
--pds-color-interactive-background-hover: oklch(0.9702 0 0);
|
|
299
299
|
--pds-color-interactive-background-active: oklch(0.9401 0 0);
|
|
300
300
|
--pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
|
|
@@ -313,11 +313,11 @@
|
|
|
313
313
|
--pds-color-nav-side-nav-item-foreground-default: var(--pds-color-fg-default-secondary);
|
|
314
314
|
--pds-color-nav-side-nav-item-foreground-hover: var(--pds-color-fg-default);
|
|
315
315
|
--pds-color-nav-side-nav-item-foreground-active: var(--pds-color-fg-default);
|
|
316
|
-
--pds-color-nav-item-default-foreground-hover:
|
|
317
|
-
--pds-color-nav-item-default-foreground-active:
|
|
316
|
+
--pds-color-nav-item-default-foreground-hover: oklch(0.542 0.2895 299.91);
|
|
317
|
+
--pds-color-nav-item-default-foreground-active: oklch(0.542 0.2895 299.91);
|
|
318
318
|
--pds-color-nav-item-default-foreground-trigger: oklch(0.8047 0 0);
|
|
319
|
-
--pds-color-nav-item-reverse-foreground-hover:
|
|
320
|
-
--pds-color-nav-item-reverse-foreground-active:
|
|
319
|
+
--pds-color-nav-item-reverse-foreground-hover: oklch(0.8586 0.0908 307.99);
|
|
320
|
+
--pds-color-nav-item-reverse-foreground-active: oklch(0.8586 0.0908 307.99);
|
|
321
321
|
--pds-color-overlay: rgba(0, 0, 0, 0.45);
|
|
322
322
|
--pds-color-overlay-subtle: rgba(0, 0, 0, 0.25);
|
|
323
323
|
--pds-color-partner-bitbucket: #004DC0;
|
|
@@ -349,6 +349,8 @@
|
|
|
349
349
|
--pds-color-status-discovery-dot: oklch(0.5817 0.2576 306.75);
|
|
350
350
|
--pds-color-status-discovery-border: oklch(0.5817 0.2576 306.75);
|
|
351
351
|
--pds-color-status-discovery-background: oklch(0.9635 0.0220 312.19);
|
|
352
|
+
--pds-color-status-neutral-background: oklch(0.8853 0 0);
|
|
353
|
+
--pds-color-status-neutral-indicator: oklch(0.5103 0 0);
|
|
352
354
|
--pds-color-status-frozen-dot: oklch(0.8816 0.0619 245.59);
|
|
353
355
|
--pds-color-status-disabled-dot: oklch(0.8853 0 0);
|
|
354
356
|
--pds-elevation-dashboard: 1px 1px 6px -2px rgba(140, 140, 140, 0.2), 1px 1px 0px 0px #f9f9f9;
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
--pds-typography-size-5xl: clamp(1.8rem, 1.6rem + 0.82vw, 2.25rem);
|
|
32
32
|
--pds-typography-size-6xl: clamp(2.4rem, 2.13rem + 1.09vw, 3rem);
|
|
33
33
|
--pds-typography-size-7xl: clamp(3rem, 2.66rem + 1.36vw, 3.75rem);
|
|
34
|
-
--pds-typography-size-8xl: clamp(
|
|
34
|
+
--pds-typography-size-8xl: clamp(3.6rem, 3.19rem + 1.64vw, 4.5rem);
|
|
35
35
|
--pds-typography-size-input-label: 0.813rem;
|
|
36
36
|
--pds-typography-size-input-message: 0.813rem;
|
|
37
37
|
}
|
|
@@ -6,4 +6,4 @@
|
|
|
6
6
|
)}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover,.pds-dashboard-global--isAdmin button.pds-icon-button:hover:enabled{background-color:var(
|
|
7
7
|
--pds-color-dashboard-nav-item-background-hover-admin
|
|
8
8
|
)}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active
|
|
9
|
-
.pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-inner{max-width:var(--pds-container-dashboard-navbar-max-width)}.pds-dashboard-inner__header{column-gap:var(--pds-spacing-2xl);display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-end:var(--pds-spacing-xl);row-gap:var(--pds-spacing-xl)}.pds-dashboard-inner__content-wrapper{display:flex;flex-direction:column;row-gap:var(--pds-spacing-2xl);width:100%}.pds-dashboard-inner__content--with-spacing>:nth-last-child(2){margin-block-end:var(--pds-spacing-2xl)}.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-right:1px solid var(--pds-color-border-default)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}.pds-docs-layout--isMobile{flex-direction:column;height:unset}.pds-docs-layout--isMobile .pds-docs-layout__content,.pds-docs-layout--isMobile .pds-docs-layout__sidebar{border-right:none;width:100%}.pds-docs-layout--isMobile .pds-docs-layout__sidebar{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset;padding-inline-end:0}.pds-
|
|
9
|
+
.pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-inner{max-width:var(--pds-container-dashboard-navbar-max-width)}.pds-dashboard-inner__header{column-gap:var(--pds-spacing-2xl);display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-end:var(--pds-spacing-xl);row-gap:var(--pds-spacing-xl)}.pds-dashboard-inner__content-wrapper{display:flex;flex-direction:column;row-gap:var(--pds-spacing-2xl);width:100%}.pds-dashboard-inner__content--with-spacing>:nth-last-child(2){margin-block-end:var(--pds-spacing-2xl)}.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-right:1px solid var(--pds-color-border-default)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}.pds-docs-layout--isMobile{flex-direction:column;height:unset}.pds-docs-layout--isMobile .pds-docs-layout__content,.pds-docs-layout--isMobile .pds-docs-layout__sidebar{border-right:none;width:100%}.pds-docs-layout--isMobile .pds-docs-layout__sidebar{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset;padding-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}
|