@pantheon-systems/pds-toolkit-react 2.0.0-alpha.59 → 2.0.0-alpha.60
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/codemods/v1-to-v2/css-token-renames.js +186 -0
- package/codemods/v1-to-v2/mappings.json +85 -7
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.input.tsx +24 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.output.tsx +24 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.input.tsx +29 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.output.tsx +29 -0
- package/codemods/v1-to-v2/transforms/css-class-removals.js +97 -27
- package/codemods/v1-to-v2/transforms/css-class-renames.js +80 -16
- package/dist/components/SiteFooter/SiteFooter.d.ts +7 -3
- package/dist/components/buttons/MenuButton/MenuButton.d.ts +4 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/css/component-css/pds-button.css +1 -3
- package/dist/css/component-css/pds-checkbox.css +1 -1
- package/dist/css/component-css/pds-cta-link.css +1 -1
- package/dist/css/component-css/pds-expansion-panel-group.css +1 -1
- package/dist/css/component-css/pds-expansion-panel.css +1 -1
- package/dist/css/component-css/pds-index.css +11 -13
- package/dist/css/component-css/pds-menu-button.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-utility-button.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +6 -13
- package/dist/css/design-tokens/variables.global.css +1 -0
- package/dist/css/design-tokens/variables.light.css +7 -14
- package/dist/css/pds-components.css +11 -13
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +148 -141
- package/dist/index.js.map +1 -1
- package/package.json +7 -6
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--subtle.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--subtle.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-subtle-background-active);border-color:var(--pds-color-button-subtle-background-active);color:var(--pds-color-foreground-default-secondary)}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-foreground-default)}.pds-menu-button__listbox{max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button__listbox ul{list-style:none;margin:0;padding:0}.pds-menu-button__listbox .pds-dropdown__separator{margin-block-end:var(--pds-spacing-4xs)}.pds-menu-button__accordion-label{align-items:center;display:inline-flex;gap:var(--pds-spacing-xs)}.pds-menu-button__trigger .pds-button__tally{margin-inline:var(--pds-spacing-5xs)}.pds-menu-button__trigger .pds-status-dot{margin-inline-end:var(--pds-spacing-5xs)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a,[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__trigger{display:none}[data-pds-mobile]
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--subtle.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--subtle.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-subtle-background-active);border-color:var(--pds-color-button-subtle-background-active);color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger.pds-menu-button__trigger--navbar{--button-background-color:transparent}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-foreground-default)}.pds-menu-button__listbox{max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button__listbox ul{list-style:none;margin:0;padding:0}.pds-menu-button__listbox .pds-dropdown__separator{margin-block-end:var(--pds-spacing-4xs)}.pds-menu-button__accordion-label{align-items:center;display:inline-flex;gap:var(--pds-spacing-xs)}.pds-menu-button__trigger .pds-button__tally{margin-inline:var(--pds-spacing-5xs)}.pds-menu-button__trigger .pds-status-dot{margin-inline-end:var(--pds-spacing-5xs)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a,[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__trigger{display:none}[data-pds-mobile]
|
|
2
2
|
.pds-navbar__mobile
|
|
3
3
|
.pds-menu-button
|
|
4
4
|
.pds-nav-accordion__toggle{font-size:var(--pds-typography-size-m);min-height:unset;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;right:50%;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu{padding:0}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li{border-radius:0;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:0;margin-inline:var(--pds-spacing-xl);padding:0}[data-pds-mobile]
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default);--item-color-background:transparent;--item-font-weight:var(--pds-typography-fw-regular);--item-spacing:var(--pds-spacing-3xs);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav a{color:var(--item-color-foreground)
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default);--item-color-background:transparent;--item-font-weight:var(--pds-typography-fw-regular);--item-spacing:var(--pds-spacing-3xs);color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav a,.pds-side-nav a:hover{color:var(--item-color-foreground)}.pds-side-nav .pds-icon{pointer-events:none}.pds-side-nav button.pds-side-nav__toggle,.pds-side-nav button.pds-side-nav__toggle--main{border:none;cursor:pointer}.pds-side-nav button.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){background:none}h2.pds-side-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);word-wrap:break-word}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-interactive-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,.pds-side-nav__row{align-items:center;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--item-font-weight);line-height:1.2;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,.pds-side-nav__row:hover{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-hover)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,.pds-side-nav__row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__row--expandable{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-side-nav__row--expandable>.pds-side-nav__toggle-content,.pds-side-nav__row--expandable>a{flex:1;text-align:left}.pds-side-nav__row--expandable.pds-side-nav__item-wrapper{column-gap:0;padding:0}.pds-side-nav__row--expandable>a{border-radius:var(--pds-border-radius-container);padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__row--expandable>a:focus-visible,.pds-side-nav__row--expandable>button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-active);--item-font-weight:var(--pds-typography-fw-bold)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){align-items:center;display:flex;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:var(--pds-spacing-l)}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{color:var(--pds-color-foreground-default);display:none}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a{color:var(--pds-color-foreground-default)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile .pds-dropdown-menu__heading{font-size:var(--pds-typography-size-l)}[data-pds-mobile]
|
|
2
2
|
.pds-side-nav--has-mobile-dropdown
|
|
3
3
|
.pds-side-nav__menu--top-level,[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__heading{display:none}[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{display:block}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;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);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
|
-
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{flex-direction:column;gap:var(--pds-spacing-4xs);padding-inline:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item,.pds-tab-menu__dropdown-menu{display:flex;list-style-type:none;margin:0;padding-block:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;justify-content:space-between;line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl);outline:none;padding-inline:var(--pds-spacing-xs)}.pds-tab-menu__dropdown-item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__dropdown-item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item a{
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs);--tab-inline-padding:var(--pds-spacing-2xs);--dropdown-trigger-size:var(--pds-spacing-xl);font-family:var(--pds-typography-ff-default);margin-block:var(--pds-spacing-s) var(--pds-spacing-xs);position:relative;width:100%}.pds-tab-menu .pds-tab-menu__item .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.pds-tab-menu .pds-tab-menu__item{column-gap:var(--pds-spacing-5xs)}.pds-tab-menu__menu{border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:flex;list-style:none;margin:0;padding:0}.pds-tab-menu__item:has(a:focus-visible){border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tab-menu__item{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);column-gap:0;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);position:relative}.pds-tab-menu__item,.pds-tab-menu__item:after{transition:var(--pds-animation-transition-button)}.pds-tab-menu__item:after{background-color:transparent;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tab-menu__item:hover{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active{font-weight:var(--pds-typography-fw-bold)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item.pds-tab-menu__item--active:after,.pds-tab-menu__item.pds-tab-menu__item--active:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tab-menu__item a{align-items:center;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:inherit;display:flex;height:100%;padding-inline:var(--tab-inline-padding);text-decoration:none}.pds-tab-menu__item a:hover{color:inherit}.pds-tab-menu__item a:has(+.pds-tab-menu__dropdown-trigger){padding-inline-end:calc(var(--tab-inline-padding) + var(--pds-spacing-4xs))}.pds-tab-menu__item a:focus-visible{outline:none}.pds-tab-menu__item .pds-tab-menu__item-icon{color:inherit}.pds-tab-menu__item .pds-tab-menu__item-inner{align-items:center;column-gap:var(--tab-gap);display:flex}.pds-tab-menu__dropdown-trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;justify-content:center;margin-inline-start:calc((var(--tab-inline-padding) + var(--pds-spacing-4xs))*-1);min-height:var(--dropdown-trigger-size);min-width:var(--dropdown-trigger-size)}.pds-tab-menu__dropdown-trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-tab-menu__dropdown-trigger-icon{color:var(--pds-color-foreground-default-secondary);height:var(--tab-font-size);pointer-events:none;transition:var(--pds-animation-transition-rotation);width:var(--tab-font-size)}.pds-tab-menu__dropdown-trigger[aria-expanded=true]
|
|
2
|
+
.pds-tab-menu__dropdown-trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-tab-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-height:24rem;overflow-y:auto}.pds-tab-menu__dropdown:focus-visible{outline:none}.pds-tab-menu__dropdown-menu{flex-direction:column;gap:var(--pds-spacing-4xs);padding-inline:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item,.pds-tab-menu__dropdown-menu{display:flex;list-style-type:none;margin:0;padding-block:var(--pds-spacing-2xs)}.pds-tab-menu__dropdown-item{align-items:center;background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;justify-content:space-between;line-height:var(--pds-typography-lh-s);min-height:var(--pds-spacing-2xl);outline:none;padding-inline:var(--pds-spacing-xs)}.pds-tab-menu__dropdown-item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-tab-menu__dropdown-item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-tab-menu__dropdown-item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-tab-menu__dropdown-item a{display:flex;flex:1;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-tab-menu__dropdown-item a,.pds-tab-menu__dropdown-item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-tab-menu__dropdown-item a:focus-visible{outline:none}.pds-tab-menu__dropdown-item--active{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-status-success-foreground)}.pds-tab-menu__active-icon{align-self:center;flex-shrink:0;height:.875em;width:.875em}.pds-tab-menu__filter{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.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-tab-menu__no-results{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);padding-block-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}[data-pds-mobile] .pds-tab-menu{position:relative}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu{column-gap:var(--pds-spacing-l);cursor:pointer;-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__menu::-webkit-scrollbar{display:none}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item{font-size:calc(var(--pds-typography-size-m)*.96);padding:var(--pds-spacing-3xs) var(--pds-spacing-3xs)}[data-pds-mobile] .pds-tab-menu .pds-tab-menu__item-inner{width:max-content}[data-pds-mobile] .pds-tab-menu__mobile-menu-wrapper .pds-tab-menu__dropdown{left:1.063rem;position:fixed;top:3.58rem}}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
@layer pds-v1, pds-v2;@layer pds-v2{.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:var(--
|
|
1
|
+
@layer pds-v1, pds-v2;@layer pds-v2{.pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);--utility-button-height:var(--pds-spacing-button-height-utility);align-items:center;display:inline-flex;height:var(--utility-button-height);position:relative}.pds-utility-button .pds-icon,.pds-utility-button__button{color:var(--utility-button-color)}.pds-utility-button__button{align-items:center;background-color:transparent;border:none;column-gap:var(--pds-spacing-4xs);cursor:pointer;display:flex;height:var(--utility-button-height);margin:0;padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-utility-button__button:hover{--utility-button-color:var(--pds-color-interactive-foreground-hover)}.pds-utility-button__button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-utility-button__icon{height:.8125rem}.pds-utility-button a.pds-utility-button__button{color:var(--utility-button-color);text-decoration:none;white-space:nowrap}.pds-utility-button a.pds-utility-button__button:hover{text-decoration:none}.pds-utility-button__label{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-utility-button--border .pds-utility-button__button{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-button);color:var(--pds-color-button-secondary-foreground);padding-inline:var(--pds-spacing-s);transition:var(--pds-animation-transition-button)}.pds-utility-button--border .pds-utility-button__button:has(.pds-utility-button__icon:first-child,.pds-utility-button__spinner:first-child){padding-inline-start:var(--pds-spacing-xs)}.pds-utility-button--border .pds-utility-button__button:has(.pds-utility-button__icon:last-child,.pds-utility-button__spinner:last-child){padding-inline-end:var(--pds-spacing-xs)}.pds-utility-button--border .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-button-secondary-foreground);background-color:var(--pds-color-button-secondary-background-hover);border-color:var(--pds-color-button-secondary-border)}.pds-utility-button--monospace .pds-utility-button__label{font-family:var(--pds-typography-font-code)}.pds-utility-button--critical .pds-utility-button__button:focus-visible,.pds-utility-button--critical .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-status-critical-foreground)}.pds-utility-button:not(.pds-utility-button--border):not(.pds-utility-button--disabled):not(.pds-utility-button--working):not(.pds-utility-button--loading)
|
|
2
2
|
.pds-utility-button__button:active{--utility-button-color:var(--pds-color-interactive-link-active)}.pds-utility-button--border:not(.pds-utility-button--disabled):not(.pds-utility-button--working)
|
|
3
3
|
.pds-utility-button__button:active{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-active)}.pds-utility-button--disabled .pds-utility-button__button,.pds-utility-button--working .pds-utility-button__button{cursor:not-allowed;opacity:.5}.pds-utility-button--disabled .pds-utility-button__button:hover,.pds-utility-button--working .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button__spinner{margin-inline-end:.0625rem}.pds-utility-button--loading .pds-utility-button__button{cursor:not-allowed}.pds-utility-button--loading .pds-utility-button__button:hover{--utility-button-color:var(--pds-color-foreground-default)}.pds-utility-button--loading .pds-utility-button__icon,.pds-utility-button--loading .pds-utility-button__label{opacity:0}.pds-utility-button--loading .pds-utility-button__button.pds-pulse{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-button);padding-block:var(--pds-spacing-3xs)}.pds-utility-button-group,.pds-utility-button-group-border{align-items:center;display:flex;flex-wrap:wrap}.pds-utility-button-group{gap:var(--pds-spacing-4xs)}.pds-utility-button-group-border{gap:var(--pds-spacing-2xs)}.pds-utility-button-group__separator{background-color:var(--pds-color-border-input);height:var(--pds-spacing-l);margin-inline:var(--pds-spacing-3xs);width:var(--pds-border-width-default)}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
@layer pds-v1, pds-v2;@layer pds-v2{.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:var(--pds-spacing-s)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__trigger{column-gap:var(--pds-spacing-2xs)}}.pds-workspace-selector__trigger{display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-foreground-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-foreground-hover)}.pds-workspace-selector__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-foreground-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);max-width:10rem;min-width:0;text-align:left}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.pds-workspace-selector__name-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:balance}.pds-workspace-selector__dropdown{gap:0;margin-block-start:var(--pds-spacing-xs);padding-block-end:0;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-4xs)}.pds-workspace-selector__menu>*{flex-shrink:0}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__dropdown
|
|
2
|
-
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;column-gap:var(--pds-spacing-2xs);display:flex;flex:1;justify-content:space-between;padding:0;text-decoration:none}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.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__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-foreground-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__dropdown .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);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper: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);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);text-decoration:none;width:100%}.pds-workspace-selector__create-link-inner:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-workspace-selector__create-link-inner:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-workspace-selector .pds-nav-accordion{display:none}[data-pds-mobile]
|
|
2
|
+
.pds-workspace-selector__menu:not(.pds-workspace-selector__menu--scroll){padding-block-end:var(--pds-spacing-2xs)}.pds-workspace-selector__item{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-s)}.pds-workspace-selector__item a,.pds-workspace-selector__item button{align-items:center;color:inherit;column-gap:var(--pds-spacing-2xs);display:flex;flex:1;justify-content:space-between;padding:0;text-decoration:none}.pds-workspace-selector__item a:hover{color:inherit}.pds-workspace-selector__item button{background-color:transparent;border:none;font-family:inherit;font-size:inherit;line-height:inherit;text-align:left;width:100%}.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__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-foreground-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__dropdown .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);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector__dropdown .pds-workspace-selector__filter .pds-text-input__input-wrapper: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);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-m) var(--pds-spacing-m)}.pds-workspace-selector__dropdown .pds-workspace-selector__create-link{margin-block-start:0}.pds-workspace-selector__create-link-inner{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);text-decoration:none;width:100%}.pds-workspace-selector__create-link-inner:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-workspace-selector__create-link-inner:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-workspace-selector .pds-nav-accordion{display:none}[data-pds-mobile]
|
|
3
3
|
.pds-navbar__mobile
|
|
4
4
|
.pds-workspace-selector
|
|
5
5
|
.pds-nav-accordion__toggle,[data-pds-mobile]
|
|
@@ -93,8 +93,7 @@
|
|
|
93
93
|
--pds-color-pagination-foreground-current: oklch(1 0 0);
|
|
94
94
|
--pds-color-panel-sunken-background: oklch(0.2603 0 0);
|
|
95
95
|
--pds-color-expansion-panel-hover: oklch(0.2931 0 0);
|
|
96
|
-
--pds-color-
|
|
97
|
-
--pds-color-popover-border: oklch(0.31 0.005 258);
|
|
96
|
+
--pds-color-popover-border: oklch(0.345 0.005 258);
|
|
98
97
|
--pds-color-skeleton-regular-base: oklch(0.3329 0 0);
|
|
99
98
|
--pds-color-skeleton-regular-shimmer: oklch(0.4091 0 0);
|
|
100
99
|
--pds-color-skeleton-bold-base: oklch(0.4091 0 0);
|
|
@@ -183,7 +182,7 @@
|
|
|
183
182
|
--pds-color-surface-default: oklch(0.2178 0 0);
|
|
184
183
|
--pds-color-surface-default-secondary: oklch(0.2603 0 0);
|
|
185
184
|
--pds-color-surface-reverse: oklch(0.8452 0 0);
|
|
186
|
-
--pds-color-border-default: oklch(0.
|
|
185
|
+
--pds-color-border-default: oklch(0.345 0.005 258);
|
|
187
186
|
--pds-color-border-default-secondary: oklch(0.3329 0 0);
|
|
188
187
|
--pds-color-border-input: oklch(0.4091 0 0);
|
|
189
188
|
--pds-color-border-separator: oklch(0.5991 0 0);
|
|
@@ -195,11 +194,11 @@
|
|
|
195
194
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
196
195
|
--pds-color-button-secondary-background-hover: rgba(255, 255, 255, 0.08);
|
|
197
196
|
--pds-color-button-secondary-background-active: oklch(0.3638 0 0);
|
|
198
|
-
--pds-color-button-secondary-border: oklch(0.
|
|
197
|
+
--pds-color-button-secondary-border: oklch(0.6830 0 0);
|
|
199
198
|
--pds-color-button-secondary-foreground-default: oklch(0.9702 0 0);
|
|
200
199
|
--pds-color-button-secondary-foreground-hover: oklch(0.9702 0 0);
|
|
201
|
-
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.
|
|
202
|
-
--pds-color-button-subtle-background-hover: rgba(255, 255, 255, 0.
|
|
200
|
+
--pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.075);
|
|
201
|
+
--pds-color-button-subtle-background-hover: rgba(255, 255, 255, 0.1125);
|
|
203
202
|
--pds-color-button-subtle-background-active: oklch(0.3426 0 0);
|
|
204
203
|
--pds-color-button-subtle-foreground: oklch(0.9702 0 0);
|
|
205
204
|
--pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
|
|
@@ -227,7 +226,7 @@
|
|
|
227
226
|
--pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
228
227
|
--pds-color-button-reverse-secondary-background-hover: oklch(0.9430 0 0);
|
|
229
228
|
--pds-color-button-reverse-secondary-background-active: oklch(0.9147 0 0);
|
|
230
|
-
--pds-color-button-reverse-secondary-border: oklch(0.
|
|
229
|
+
--pds-color-button-reverse-secondary-border: oklch(0.6529 0.0064 264.52);
|
|
231
230
|
--pds-color-button-reverse-secondary-foreground: oklch(0.2178 0 0);
|
|
232
231
|
--pds-color-close-button-foreground: oklch(0.8452 0 0);
|
|
233
232
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
@@ -412,10 +411,4 @@
|
|
|
412
411
|
--pds-elevation-raised: 0px 0px 0px 1px rgba(130, 130, 130, 0.1), 0px 5px 10px 0px rgba(18, 18, 25, 0.6);
|
|
413
412
|
--pds-elevation-draggable: 0px 2px 6px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
|
|
414
413
|
--pds-elevation-overlay: 0px 0px 0px 1px oklch(0.31 0.005 258), 0px 8px 12px 0px rgba(18, 18, 25, 0.6);
|
|
415
|
-
--pds-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
|
|
416
|
-
--pds-gradient-card-mint: linear-gradient(225deg, #4BCE97 0%, #BAF3DB 100%);
|
|
417
|
-
--pds-gradient-card-lavender: linear-gradient(225deg, #8A70FF 0%, #BFB1FF 100%);
|
|
418
|
-
--pds-gradient-card-royal: linear-gradient(225deg, #3017A1 0%, #8A70FF 100%);
|
|
419
|
-
--pds-gradient-card-sundown: linear-gradient(225deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
|
|
420
|
-
--pds-gradient-card-fog: linear-gradient(45deg, #EAD7D3 0%, #A2DCFF 100%);
|
|
421
414
|
}
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
--pds-spacing-button-height-s: var(--pds-spacing-2xl);
|
|
64
64
|
--pds-spacing-button-height-m: var(--pds-spacing-3xl);
|
|
65
65
|
--pds-spacing-button-height-l: var(--pds-spacing-4xl);
|
|
66
|
+
--pds-spacing-button-height-utility: 1.75rem;
|
|
66
67
|
--pds-spacing-button-padding-inline-xs: var(--pds-spacing-xs);
|
|
67
68
|
--pds-spacing-button-padding-inline-s: var(--pds-spacing-m);
|
|
68
69
|
--pds-spacing-button-padding-inline-m: var(--pds-spacing-l);
|
|
@@ -92,9 +92,8 @@
|
|
|
92
92
|
--pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
|
|
93
93
|
--pds-color-pagination-foreground-current: var(--pds-color-interactive-background-current-foreground);
|
|
94
94
|
--pds-color-panel-sunken-background: oklch(0.9731 0 0);
|
|
95
|
-
--pds-color-expansion-panel-hover: oklch(0.
|
|
96
|
-
--pds-color-
|
|
97
|
-
--pds-color-popover-border: oklch(0.9430 0 0);
|
|
95
|
+
--pds-color-expansion-panel-hover: oklch(0.9430 0 0);
|
|
96
|
+
--pds-color-popover-border: oklch(0.925 0 0);
|
|
98
97
|
--pds-color-skeleton-regular-base: oklch(0.8761 0 0);
|
|
99
98
|
--pds-color-skeleton-regular-shimmer: oklch(0.9430 0 0);
|
|
100
99
|
--pds-color-skeleton-bold-base: oklch(0.8047 0 0);
|
|
@@ -183,7 +182,7 @@
|
|
|
183
182
|
--pds-color-surface-default: oklch(1.0000 0 0);
|
|
184
183
|
--pds-color-surface-default-secondary: oklch(0.9731 0 0);
|
|
185
184
|
--pds-color-surface-reverse: oklch(0.2178 0 0);
|
|
186
|
-
--pds-color-border-default: oklch(0.
|
|
185
|
+
--pds-color-border-default: oklch(0.925 0 0);
|
|
187
186
|
--pds-color-border-default-secondary: oklch(0.8761 0 0);
|
|
188
187
|
--pds-color-border-input: oklch(0.8761 0 0);
|
|
189
188
|
--pds-color-border-separator: oklch(0.8047 0 0);
|
|
@@ -195,11 +194,11 @@
|
|
|
195
194
|
--pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
196
195
|
--pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.06);
|
|
197
196
|
--pds-color-button-secondary-background-active: oklch(0.9731 0 0);
|
|
198
|
-
--pds-color-button-secondary-border: oklch(0.
|
|
197
|
+
--pds-color-button-secondary-border: oklch(0.6529 0.0064 264.52);
|
|
199
198
|
--pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
|
|
200
199
|
--pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
|
|
201
|
-
--pds-color-button-subtle-background-default: rgba(
|
|
202
|
-
--pds-color-button-subtle-background-hover: rgba(0, 0, 0, 0.
|
|
200
|
+
--pds-color-button-subtle-background-default: rgba(0, 0, 0, 0.055);
|
|
201
|
+
--pds-color-button-subtle-background-hover: rgba(0, 0, 0, 0.0825);
|
|
203
202
|
--pds-color-button-subtle-background-active: oklch(0.9731 0 0);
|
|
204
203
|
--pds-color-button-subtle-foreground: oklch(0.2178 0 0);
|
|
205
204
|
--pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
|
|
@@ -227,7 +226,7 @@
|
|
|
227
226
|
--pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
|
|
228
227
|
--pds-color-button-reverse-secondary-background-hover: oklch(0.2931 0 0);
|
|
229
228
|
--pds-color-button-reverse-secondary-background-active: oklch(0.3638 0 0);
|
|
230
|
-
--pds-color-button-reverse-secondary-border: oklch(0.
|
|
229
|
+
--pds-color-button-reverse-secondary-border: oklch(0.6830 0 0);
|
|
231
230
|
--pds-color-button-reverse-secondary-foreground: oklch(1.0000 0 0);
|
|
232
231
|
--pds-color-close-button-foreground: oklch(0.4778 0.0020 247.87);
|
|
233
232
|
--pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
|
|
@@ -432,10 +431,4 @@
|
|
|
432
431
|
--pds-gradient-avatar-07: linear-gradient(45deg, #d59e00 0%, #8e5600 100%);
|
|
433
432
|
--pds-gradient-avatar-08: linear-gradient(270deg, #87a7ba 0%, #345162 100%);
|
|
434
433
|
--pds-gradient-avatar-09: linear-gradient(225deg, #e68265 0%, #3424a3 100%);
|
|
435
|
-
--pds-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
|
|
436
|
-
--pds-gradient-card-mint: linear-gradient(225deg, #4BCE97 0%, #BAF3DB 100%);
|
|
437
|
-
--pds-gradient-card-lavender: linear-gradient(225deg, #8A70FF 0%, #BFB1FF 100%);
|
|
438
|
-
--pds-gradient-card-royal: linear-gradient(225deg, #3017A1 0%, #8A70FF 100%);
|
|
439
|
-
--pds-gradient-card-sundown: linear-gradient(225deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
|
|
440
|
-
--pds-gradient-card-fog: linear-gradient(45deg, #EAD7D3 0%, #A2DCFF 100%);
|
|
441
434
|
}
|