@pantheon-systems/pds-toolkit-react 2.0.0-alpha.35 → 2.0.0-alpha.36

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.
Files changed (27) hide show
  1. package/codemods/v1-to-v2/mappings.json +24 -1
  2. package/dist/components/buttons/Button/Button.d.ts +15 -0
  3. package/dist/components/buttons/MenuButton/MenuButton.d.ts +20 -7
  4. package/dist/components/buttons/SplitButton/SplitButton.d.ts +1 -1
  5. package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
  6. package/dist/components/inputs/Datepicker/Datepicker.d.ts +22 -13
  7. package/dist/css/component-css/pds-button.css +6 -6
  8. package/dist/css/component-css/pds-datepicker.css +2 -2
  9. package/dist/css/component-css/pds-index.css +14 -14
  10. package/dist/css/component-css/pds-input-utilities.css +1 -1
  11. package/dist/css/component-css/pds-menu-button.css +1 -1
  12. package/dist/css/component-css/pds-split-button.css +1 -1
  13. package/dist/css/component-css/pds-stepper.css +1 -1
  14. package/dist/css/component-css/pds-tab-menu.css +1 -1
  15. package/dist/css/component-css/pds-tabs.css +1 -1
  16. package/dist/css/component-css/pds-tally.css +1 -1
  17. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  18. package/dist/css/design-tokens/variables.dark.css +20 -20
  19. package/dist/css/design-tokens/variables.light.css +1 -1
  20. package/dist/css/pds-components.css +14 -14
  21. package/dist/css/pds-core.css +1 -1
  22. package/dist/index.css +1 -1
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.js +1244 -979
  25. package/dist/index.js.map +1 -1
  26. package/dist/libs/components/StatusDot/StatusDot.d.ts +15 -0
  27. package/package.json +2 -2
package/dist/css/component-css/pds-split-button.css CHANGED
@@ -1 +1 @@
1
- .pds-split-button{background-color:var(--pds-color-button-primary-background-default);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-border-width-default)}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-split-button-primary-separator);content:"";height:100%;left:calc(var(--pds-border-width-default)*-1);position:absolute;top:0;transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button--secondary{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border)}.pds-split-button--secondary .pds-split-button__primary-action a,.pds-split-button--secondary button.pds-menu-button__trigger,.pds-split-button--secondary button.pds-split-button__primary-action{border:0}.pds-split-button--secondary button.pds-menu-button__trigger:before{background-color:var(--pds-color-split-button-secondary-separator);transform:translateX(0)}
1
+ .pds-split-button{background-color:var(--pds-color-button-primary-background-default);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-border-width-default);overflow:hidden}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-surface-default);content:"";height:calc(100% + var(--pds-border-width-default)*2);left:calc(var(--pds-border-width-default)*-1);position:absolute;top:calc(var(--pds-border-width-default)*-1);transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button .pds-button__tally,.pds-split-button .pds-status-dot{display:none}.pds-split-button--highlight{background-color:var(--pds-color-button-highlight-background-default)}.pds-split-button--secondary{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border)}.pds-split-button--secondary .pds-split-button__primary-action a,.pds-split-button--secondary button.pds-menu-button__trigger,.pds-split-button--secondary button.pds-split-button__primary-action{border:0}.pds-split-button--secondary button.pds-menu-button__trigger:before{background-color:var(--pds-color-split-button-secondary-separator);transform:translateX(0)}
package/dist/css/component-css/pds-stepper.css CHANGED
@@ -1,3 +1,3 @@
1
1
  .pds-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--indicator-size:1.75rem;display:none}@media (min-width:768px){.pds-stepper{display:block}}.pds-stepper-mobile{display:block}@media (min-width:768px){.pds-stepper-mobile{display:none}}.pds-stepper{margin-inline:auto}ol.pds-stepper__steps{display:flex;justify-content:space-between;padding:0}li.pds-stepper__step{align-items:flex-end;display:flex;justify-content:center;list-style:none;position:relative}li.pds-stepper__step:first-child{justify-content:flex-start}li.pds-stepper__step:last-child{justify-content:flex-end}.pds-stepper__step-content,button.pds-stepper__step-content{align-items:center;display:inline-flex;flex-direction:column;row-gap:var(--pds-spacing-s);text-align:center;width:var(--pds-spacing-stepper-step-content-width)}button.pds-stepper__step-content{background-color:transparent;border:none;cursor:pointer}button.pds-stepper__step-content:hover{--stepper-fill-color:var(--pds-color-interactive-foreground-hover);--stepper-border-color:var(--pds-color-interactive-foreground-hover);--pds-color-foreground-default:var(
2
2
  --pds-color-interactive-foreground-hover
3
- )}button.pds-stepper__step-content:focus-visible>.pds-stepper__step-label{border-radius:var(--pds-border-radius-default);box-shadow:0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus);padding-inline:var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-stepper__step-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-border-width-stepper) solid var(--stepper-border-color);border-radius:50%;display:flex;height:var(--indicator-size);justify-content:center;transition:var(--pds-animation-transition-button);width:var(--indicator-size)}.pds-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-stepper__connector{background-color:var(--stepper-connector-color);bottom:calc(var(--indicator-size)/2 - var(--pds-border-width-stepper)/2);height:var(--pds-border-width-stepper);position:relative}.pds-stepper__connector--before{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.pds-stepper__connector--after{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.pds-stepper__step--current{--stepper-border-color:var(--pds-color-foreground-default)}.pds-stepper__step--current .pds-stepper__connector--before{--stepper-connector-color:var(--pds-color-foreground-default)}.pds-stepper__step--complete{--stepper-fill-color:var(--pds-color-foreground-default);--stepper-border-color:var(--pds-color-foreground-default)}.pds-stepper__step--complete .pds-stepper__connector{--stepper-connector-color:var(--pds-color-foreground-default)}.pds-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-foreground)}.pds-stepper-mobile__step{align-items:stretch;column-gap:var(--pds-spacing-l);display:flex;justify-content:space-between}.pds-stepper-mobile__step-text{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block-start:var(--pds-spacing-s);row-gap:var(--pds-spacing-3xs);text-align:right}.pds-stepper-mobile__step-label{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold)}.pds-stepper-mobile__next-step{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-stepper-mobile__error-icon{color:var(--pds-color-status-critical-foreground);margin-inline-end:var(--pds-spacing-xs)}
3
+ )}button.pds-stepper__step-content:focus-visible>.pds-stepper__step-label{border-radius:var(--pds-border-radius-default);box-shadow:0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus);padding-inline:var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-stepper__step-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-border-width-stepper) solid var(--stepper-border-color);border-radius:50%;display:flex;height:var(--indicator-size);justify-content:center;transition:var(--pds-animation-transition-button);width:var(--indicator-size)}.pds-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-stepper__connector{background-color:var(--stepper-connector-color);bottom:calc(var(--indicator-size)/2 - var(--pds-border-width-stepper)/2);height:var(--pds-border-width-stepper);position:relative}.pds-stepper__connector--before{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.pds-stepper__connector--after{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.pds-stepper__step--current{--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--current .pds-stepper__connector--before{--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--complete{--stepper-fill-color:var(--pds-color-interactive-background-current);--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--complete .pds-stepper__connector{--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-fill)}.pds-stepper-mobile__step{align-items:stretch;column-gap:var(--pds-spacing-l);display:flex;justify-content:space-between}.pds-stepper-mobile__step-text{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block-start:var(--pds-spacing-s);row-gap:var(--pds-spacing-3xs);text-align:right}.pds-stepper-mobile__step-label{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold)}.pds-stepper-mobile__next-step{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-stepper-mobile__error-icon{color:var(--pds-color-status-critical-foreground);margin-inline-end:var(--pds-spacing-xs)}
package/dist/css/component-css/pds-tab-menu.css CHANGED
@@ -1,2 +1,2 @@
1
- .pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs);--tab-inline-padding:var(--pds-spacing-3xs);--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-s);width:var(--pds-typography-size-s)}.pds-tab-menu--m{--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)}.pds-tab-menu--m .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-foreground-default)}.pds-tab-menu__item:hover:after{background-color:var(--pds-color-foreground-default)}.pds-tab-menu__item.pds-tab-menu__item--active,.pds-tab-menu__item.pds-tab-menu__item--active .pds-icon{color:var(--pds-color-foreground-default)}.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-foreground-default)}.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]
1
+ .pds-tab-menu{--tab-border-width:var(--pds-border-width-default);--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs);--tab-inline-padding:var(--pds-spacing-3xs);--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-s);width:var(--pds-typography-size-s)}.pds-tab-menu--m{--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)}.pds-tab-menu--m .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,.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
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{color:var(--pds-color-dropdown-foreground);display:flex;flex:1;gap:var(--pds-spacing-2xs);text-decoration:none}.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}
package/dist/css/component-css/pds-tabs.css CHANGED
@@ -1 +1 @@
1
- .pds-tabs{--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-s);width:var(--pds-typography-size-s)}.pds-tabs--m{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-foreground-default)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-foreground-default)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-tabs--m .pds-tabs__tab:focus-visible .pds-tabs__tab-label{outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-foreground-default)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-foreground-default)}.pds-tabs__tab[aria-disabled=true]{cursor:not-allowed;opacity:40%}.pds-tabs__tab[aria-disabled=true]:hover{background-color:transparent;color:var(--pds-color-foreground-default-secondary)}.pds-tabs__tab[aria-disabled=true]:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-tabs__trigger[aria-selected=true] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);justify-content:space-between;padding:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-foreground-default)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-foreground-default);border-bottom-width:2px}.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{cursor:not-allowed;opacity:40%}
1
+ .pds-tabs{--tab-height:var(--pds-spacing-button-height-s);--tab-font-size:var(--pds-typography-size-s);--tab-gap:var(--pds-spacing-3xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-s);width:var(--pds-typography-size-s)}.pds-tabs--m{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs__tablist{--tab-border-width:var(--pds-border-width-default);background-color:transparent;border-bottom:var(--tab-border-width) solid var(--pds-color-tabs-border);column-gap:var(--pds-spacing-xl);display:none;font-family:var(--pds-typography-ff-default);margin:0;padding:0;position:relative;width:100%}@media (min-width:768px){.pds-tabs__tablist{display:flex}}.pds-tabs__tab{align-items:center;border:none;border-radius:var(--pds-border-radius-input) var(--pds-border-radius-input) 0 0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tab-height);margin-block-end:calc(var(--tab-border-width)*-1);padding-inline:var(--pds-spacing-3xs);position:relative}.pds-tabs__tab,.pds-tabs__tab:after{background-color:transparent;transition:var(--pds-animation-transition-button)}.pds-tabs__tab:after{bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.pds-tabs__tab:hover{color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab:focus-visible{outline:none}.pds-tabs__tab:focus-visible .pds-tabs__tab-label{border-radius:var(--pds-border-radius-default) var(--pds-border-radius-default) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-tabs--m .pds-tabs__tab:focus-visible .pds-tabs__tab-label{outline-offset:var(--pds-spacing-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-interactive-background-current)}.pds-tabs__tab[aria-selected=true]:after,.pds-tabs__tab[aria-selected=true]:hover:after{background-color:var(--pds-color-interactive-background-current)}.pds-tabs__tab[aria-disabled=true]{cursor:not-allowed;opacity:40%}.pds-tabs__tab[aria-disabled=true]:hover{background-color:transparent;color:var(--pds-color-foreground-default-secondary)}.pds-tabs__tab[aria-disabled=true]:hover:after{background-color:transparent}.pds-tabs__tab-label{align-items:center;column-gap:var(--tab-gap);display:flex;justify-content:flex-start}.pds-tabs__panel{display:block}.pds-tabs__panel-content{padding:var(--pds-spacing-m) 0}.pds-tabs__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-tabs__trigger[aria-selected=true] .pds-tabs__expand-icon{transform:rotate(180deg)}.pds-tabs__trigger{align-items:center;background-color:transparent;border:none;border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--tab-font-size);font-weight:var(--pds-typography-fw-medium);justify-content:space-between;padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-3xs);position:relative;width:100%}@media (min-width:768px){.pds-tabs__trigger{display:none}}.pds-tabs__trigger:hover,.pds-tabs__trigger[aria-selected=true]{color:var(--pds-color-interactive-background-current)}.pds-tabs__trigger[aria-selected=true]{border-bottom-color:var(--pds-color-interactive-background-current);border-bottom-width:2px}.pds-tabs__trigger[aria-disabled=true],.pds-tabs__trigger[aria-disabled=true]:hover{cursor:not-allowed;opacity:40%}
package/dist/css/component-css/pds-tally.css CHANGED
@@ -1 +1 @@
1
- .pds-tally{--tally-size:var(--pds-spacing-m);--font-size:var(--pds-typography-size-2xs);--label-offset:-1%;--padding-inline:var(--pds-spacing-5xs);align-items:center;background-color:var(--pds-color-foreground-default);border:0;border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-reverse);display:inline-flex;height:var(--tally-size);justify-content:center;min-width:var(--tally-size);padding-inline:var(--padding-inline)}.pds-tally,.pds-tally__label{position:relative;white-space:nowrap}.pds-tally__label{font-size:var(--font-size);font-weight:var(--pds-typography-fw-semibold);line-height:1;text-align:center}.pds-tally--xs{--tally-size:calc(var(--pds-spacing-m)*0.875);--font-size:calc(var(--pds-typography-size-2xs)*0.9);--padding-inline:var(--pds-spacing-5xs)}.pds-tally--s{--tally-size:var(--pds-spacing-m);--font-size:var(--pds-typography-size-2xs);--padding-inline:var(--pds-spacing-5xs)}.pds-tally--m{--tally-size:var(--pds-spacing-l);--font-size:var(--pds-typography-size-xs);--padding-inline:var(--pds-spacing-4xs)}.pds-tally--neutral{background-color:var(--pds-color-foreground-default-secondary)}.pds-tally--critical{background-color:var(--pds-color-tally-critical-background);color:var(--pds-color-tally-critical-foreground)}.pds-tally--warning{background-color:var(--pds-color-tally-warning-background);color:var(--pds-color-tally-warning-foreground)}.pds-tally--info{background-color:var(--pds-color-tally-info-background);color:var(--pds-color-tally-info-foreground)}.pds-tally--success{background-color:var(--pds-color-tally-success-background);color:var(--pds-color-tally-success-foreground)}.pds-tally-group{column-gap:var(--pds-spacing-3xs);display:inline-flex;flex-direction:row}
1
+ .pds-tally{--tally-size:var(--pds-spacing-m);--font-size:var(--pds-typography-size-2xs);--label-offset:-1%;--padding-inline:var(--pds-spacing-5xs);align-items:center;background-color:var(--pds-color-foreground-default);border:0;border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-reverse);display:inline-flex;height:var(--tally-size);justify-content:center;min-width:var(--tally-size);padding-inline:var(--padding-inline)}.pds-tally,.pds-tally__label{position:relative;white-space:nowrap}.pds-tally__label{font-size:var(--font-size);font-weight:var(--pds-typography-fw-semibold);line-height:1;text-align:center;top:var(--label-offset)}.pds-tally--xs{--tally-size:calc(var(--pds-spacing-m)*0.875);--font-size:calc(var(--pds-typography-size-2xs)*0.9);--padding-inline:var(--pds-spacing-5xs)}.pds-tally--s{--tally-size:var(--pds-spacing-m);--font-size:var(--pds-typography-size-2xs);--padding-inline:var(--pds-spacing-5xs)}.pds-tally--m{--tally-size:var(--pds-spacing-l);--font-size:var(--pds-typography-size-xs);--padding-inline:var(--pds-spacing-4xs)}.pds-tally--neutral{background-color:var(--pds-color-foreground-default-secondary)}.pds-tally--critical{background-color:var(--pds-color-tally-critical-background);color:var(--pds-color-tally-critical-foreground)}.pds-tally--warning{background-color:var(--pds-color-tally-warning-background);color:var(--pds-color-tally-warning-foreground)}.pds-tally--info{background-color:var(--pds-color-tally-info-background);color:var(--pds-color-tally-info-foreground)}.pds-tally--success{background-color:var(--pds-color-tally-success-background);color:var(--pds-color-tally-success-foreground)}.pds-tally-group{column-gap:var(--pds-spacing-3xs);display:inline-flex;flex-direction:row}
package/dist/css/component-css/pds-vertical-stepper.css CHANGED
@@ -1 +1 @@
1
- .pds-vert-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--stepper-connector-width:0.1875rem}.pds-vert-stepper__steps{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-2xl)}.pds-vert-stepper__step{position:relative}.pds-vert-stepper__step:not(:last-child):after{background-color:var(--stepper-connector-color);border-radius:1rem;content:"";height:calc(100% - var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-2xl)/2);left:calc(var(--pds-spacing-stepper-indicator-size)/2 + var(--stepper-connector-width)/2);position:absolute;top:calc(var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-2xl)/3);transition:height var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:var(--stepper-connector-width)}.pds-vert-stepper__step-header{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-vert-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-border-width-stepper) solid var(--stepper-border-color);border-radius:50%;box-sizing:content-box;display:flex;height:var(--pds-spacing-stepper-indicator-size);justify-content:center;width:var(--pds-spacing-stepper-indicator-size)}.pds-vert-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-vert-stepper__step-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-vert-stepper__step-content{display:grid;grid-template-rows:0fr;overflow:hidden;padding-inline-start:calc(var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-l));transition:grid-template-rows var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default)}.pds-vert-stepper__step-content-inner{min-height:0;padding-block:0;transition:padding var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default)}.pds-vert-stepper__step-buttons{column-gap:var(--pds-spacing-s);display:flex;margin-top:var(--pds-spacing-xl)}.pds-vert-stepper__step--current{--stepper-border-color:var(--pds-color-foreground-default)}.pds-vert-stepper__step--current .pds-vert-stepper__step-content{grid-template-rows:1fr}.pds-vert-stepper__step--current .pds-vert-stepper__step-content-inner{padding-block-start:var(--pds-spacing-xl)}.pds-vert-stepper__step--complete{--stepper-fill-color:var(--pds-color-foreground-default);--stepper-border-color:var(--pds-color-foreground-default);--stepper-connector-color:var(--pds-color-foreground-default)}.pds-vert-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-foreground)}
1
+ .pds-vert-stepper{--stepper-border-color:var(--pds-color-border-separator);--stepper-connector-color:var(--pds-color-border-separator);--stepper-fill-color:transparent;--stepper-connector-width:0.1875rem}.pds-vert-stepper__steps{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:var(--pds-spacing-2xl)}.pds-vert-stepper__step{position:relative}.pds-vert-stepper__step:not(:last-child):after{background-color:var(--stepper-connector-color);border-radius:1rem;content:"";height:calc(100% - var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-2xl)/2);left:calc(var(--pds-spacing-stepper-indicator-size)/2 + var(--stepper-connector-width)/2);position:absolute;top:calc(var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-2xl)/3);transition:height var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:var(--stepper-connector-width)}.pds-vert-stepper__step-header{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-vert-stepper__step-indicator{align-items:center;background-color:var(--stepper-fill-color);border:var(--pds-border-width-stepper) solid var(--stepper-border-color);border-radius:50%;box-sizing:content-box;display:flex;height:var(--pds-spacing-stepper-indicator-size);justify-content:center;width:var(--pds-spacing-stepper-indicator-size)}.pds-vert-stepper__step-complete-icon{color:var(--pds-color-foreground-reverse)}.pds-vert-stepper__step-label{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s)}.pds-vert-stepper__step-content{display:grid;grid-template-rows:0fr;overflow:hidden;padding-inline-start:calc(var(--pds-spacing-stepper-indicator-size) + var(--pds-spacing-l));transition:grid-template-rows var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default)}.pds-vert-stepper__step-content-inner{min-height:0;padding-block:0;transition:padding var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default)}.pds-vert-stepper__step-buttons{column-gap:var(--pds-spacing-s);display:flex;margin-top:var(--pds-spacing-xl)}.pds-vert-stepper__step--current{--stepper-border-color:var(--pds-color-interactive-background-current)}.pds-vert-stepper__step--current .pds-vert-stepper__step-content{grid-template-rows:1fr}.pds-vert-stepper__step--current .pds-vert-stepper__step-content-inner{padding-block-start:var(--pds-spacing-xl)}.pds-vert-stepper__step--complete{--stepper-fill-color:var(--pds-color-interactive-background-current);--stepper-border-color:var(--pds-color-interactive-background-current);--stepper-connector-color:var(--pds-color-interactive-background-current)}.pds-vert-stepper__step--error{--stepper-border-color:var(--pds-color-status-critical-foreground)}
package/dist/css/design-tokens/variables.dark.css CHANGED
@@ -82,17 +82,17 @@
82
82
  --pds-color-code-block-light-foreground: #3B3D45;
83
83
  --pds-color-code-block-light-line-prefix: #686D78;
84
84
  --pds-color-code-block-light-highlight: #DEDFE0;
85
- --pds-color-datepicker-accent-foreground: oklch(0.6496 0.1590 270.95);
85
+ --pds-color-datepicker-accent-foreground: oklch(0.7049 0.1468 258.30);
86
86
  --pds-color-datepicker-range-background: oklch(0.2000 0.0400 268.00);
87
87
  --pds-color-datepicker-range-foreground: oklch(0.2178 0 0);
88
- --pds-color-datepicker-selected-background: oklch(0.5256 0.1988 268.04);
88
+ --pds-color-datepicker-selected-background: oklch(0.7049 0.1468 258.30);
89
89
  --pds-color-datepicker-selected-foreground: oklch(0.2178 0 0);
90
90
  --pds-color-pagination-foreground-hover: oklch(1 0 0);
91
91
  --pds-color-pagination-foreground-active: oklch(0.9702 0 0);
92
92
  --pds-color-pagination-foreground-current: oklch(1 0 0);
93
93
  --pds-color-pagination-background-hover: oklch(0.2603 0 0);
94
94
  --pds-color-pagination-background-active: oklch(0.2000 0.0400 268.00);
95
- --pds-color-pagination-background-current: oklch(0.5256 0.1988 268.04);
95
+ --pds-color-pagination-background-current: oklch(0.7049 0.1468 258.30);
96
96
  --pds-color-panel-sunken-background: oklch(0.2603 0 0);
97
97
  --pds-color-expansion-panel-hover: oklch(0.2931 0 0);
98
98
  --pds-color-expansion-panel-open: oklch(0.2931 0 0);
@@ -201,10 +201,10 @@
201
201
  --pds-color-button-brand-background-hover: oklch(0.7640 0.1510 84.30);
202
202
  --pds-color-button-brand-background-active: oklch(0.6723 0.1329 84.30);
203
203
  --pds-color-button-brand-foreground: oklch(0.2178 0 0);
204
- --pds-color-button-highlight-background-default: oklch(0.5256 0.1988 268.04);
205
- --pds-color-button-highlight-background-hover: oklch(0.4293 0.1892 266.63);
206
- --pds-color-button-highlight-background-active: oklch(0.3778 0.1665 266.63);
207
- --pds-color-button-highlight-foreground: oklch(1.0000 0 0);
204
+ --pds-color-button-highlight-background-default: oklch(0.7049 0.1468 258.30);
205
+ --pds-color-button-highlight-background-hover: oklch(0.6049 0.1468 258.30);
206
+ --pds-color-button-highlight-background-active: oklch(0.5549 0.1468 258.30);
207
+ --pds-color-button-highlight-foreground: oklch(0.2178 0 0);
208
208
  --pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
209
209
  --pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
210
210
  --pds-color-button-critical-background-active: oklch(0.3961 0.1391 26.35);
@@ -242,10 +242,10 @@
242
242
  --pds-color-icon-button-reverse-border-default: oklch(0.8047 0 0);
243
243
  --pds-color-icon-button-reverse-border-hover: oklch(0.8047 0 0);
244
244
  --pds-color-icon-button-reverse-foreground: oklch(0.3791 0 0);
245
- --pds-color-split-button-primary-separator: oklch(0.8452 0 0);
245
+ --pds-color-split-button-primary-separator: oklch(0.2178 0 0);
246
246
  --pds-color-split-button-secondary-separator: oklch(0.4091 0 0);
247
247
  --pds-color-segmented-button-background-inactive: oklch(0.2931 0 0);
248
- --pds-color-segmented-button-background-active: oklch(0.5256 0.1988 268.04);
248
+ --pds-color-segmented-button-background-active: oklch(0.7049 0.1468 258.30);
249
249
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
250
250
  --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
251
251
  --pds-color-category-ai-foreground: oklch(0.9559 0.0143 308.29);
@@ -319,27 +319,27 @@
319
319
  --pds-color-input-placeholder: oklch(0.6830 0 0);
320
320
  --pds-color-input-file-upload-button-background-default: oklch(0.2931 0 0);
321
321
  --pds-color-input-file-upload-button-background-hover: oklch(0.3329 0 0);
322
- --pds-color-input-selected-background: oklch(0.6496 0.1590 270.95);
322
+ --pds-color-input-selected-background: oklch(0.7049 0.1468 258.30);
323
323
  --pds-color-input-selected-foreground: oklch(1.0000 0 0);
324
324
  --pds-color-input-switch-icon: oklch(0.8452 0 0);
325
325
  --pds-color-input-tag-background-default: oklch(0.38 0 0);
326
326
  --pds-color-input-tag-background-hover: oklch(0.32 0 0);
327
- --pds-color-input-tag-background-active: oklch(0.6496 0.1590 270.95);
327
+ --pds-color-input-tag-background-active: oklch(0.7049 0.1468 258.30);
328
328
  --pds-color-input-tag-foreground-default: oklch(0.9702 0 0);
329
329
  --pds-color-input-tag-foreground-hover: oklch(0.9702 0 0);
330
330
  --pds-color-input-tag-foreground-active: oklch(0.9702 0 0);
331
- --pds-color-input-tag-outline-active: oklch(0.6496 0.1590 270.95);
332
- --pds-color-interactive-focus: oklch(0.6496 0.1590 270.95);
333
- --pds-color-interactive-link-default: oklch(0.6496 0.1590 270.95);
331
+ --pds-color-input-tag-outline-active: oklch(0.7049 0.1468 258.30);
332
+ --pds-color-interactive-focus: oklch(0.7049 0.1468 258.30);
333
+ --pds-color-interactive-link-default: oklch(0.6478 0.1736 258.63);
334
334
  --pds-color-interactive-link-hover: oklch(0.6707 0.1296 32.99);
335
335
  --pds-color-interactive-link-active: oklch(0.7480 0.1030 37.44);
336
- --pds-color-interactive-link-visited: oklch(0.6496 0.1590 270.95);
337
- --pds-color-interactive-foreground-current: oklch(0.6496 0.1590 270.95);
338
- --pds-color-interactive-foreground-hover: oklch(0.6496 0.1590 270.95);
339
- --pds-color-interactive-foreground-active: oklch(0.6496 0.1590 270.95);
336
+ --pds-color-interactive-link-visited: oklch(0.6478 0.1736 258.63);
337
+ --pds-color-interactive-foreground-current: oklch(0.7049 0.1468 258.30);
338
+ --pds-color-interactive-foreground-hover: oklch(0.7049 0.1468 258.30);
339
+ --pds-color-interactive-foreground-active: oklch(0.7049 0.1468 258.30);
340
340
  --pds-color-interactive-foreground-inactive: oklch(0.5991 0 0);
341
- --pds-color-interactive-background-current: oklch(0.5256 0.1988 268.04);
342
- --pds-color-interactive-background-current-foreground: oklch(1.0000 0 0);
341
+ --pds-color-interactive-background-current: oklch(0.7049 0.1468 258.30);
342
+ --pds-color-interactive-background-current-foreground: oklch(0.2178 0 0);
343
343
  --pds-color-interactive-background-hover: oklch(0.2603 0 0);
344
344
  --pds-color-interactive-background-active: oklch(0.2931 0 0);
345
345
  --pds-color-interactive-background-selected: oklch(0.2000 0.0400 268.00);
package/dist/css/design-tokens/variables.light.css CHANGED
@@ -242,7 +242,7 @@
242
242
  --pds-color-icon-button-reverse-border-default: oklch(0.5103 0 0);
243
243
  --pds-color-icon-button-reverse-border-hover: oklch(0.5103 0 0);
244
244
  --pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
245
- --pds-color-split-button-primary-separator: oklch(0.5173 0 0);
245
+ --pds-color-split-button-primary-separator: oklch(1.0000 0 0);
246
246
  --pds-color-split-button-secondary-separator: oklch(0.8761 0 0);
247
247
  --pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
248
248
  --pds-color-segmented-button-background-active: oklch(0.5256 0.1988 268.04);