@pantheon-systems/pds-toolkit-react 2.0.0-alpha.43 → 2.0.0-alpha.44

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 (120) hide show
  1. package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
  2. package/dist/css/component-css/pds-action-card.css +1 -1
  3. package/dist/css/component-css/pds-avatar.css +1 -1
  4. package/dist/css/component-css/pds-badge.css +1 -1
  5. package/dist/css/component-css/pds-banner.css +1 -1
  6. package/dist/css/component-css/pds-bar-chart.css +1 -1
  7. package/dist/css/component-css/pds-branch-diff.css +1 -1
  8. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  9. package/dist/css/component-css/pds-button-link.css +1 -1
  10. package/dist/css/component-css/pds-button-nav.css +1 -1
  11. package/dist/css/component-css/pds-button.css +2 -2
  12. package/dist/css/component-css/pds-callout.css +1 -1
  13. package/dist/css/component-css/pds-card-select.css +1 -1
  14. package/dist/css/component-css/pds-card.css +1 -1
  15. package/dist/css/component-css/pds-chart-legend.css +1 -1
  16. package/dist/css/component-css/pds-chart-wrapper.css +1 -1
  17. package/dist/css/component-css/pds-checkbox-group.css +1 -1
  18. package/dist/css/component-css/pds-checkbox.css +1 -1
  19. package/dist/css/component-css/pds-close-button.css +1 -1
  20. package/dist/css/component-css/pds-code-block-legacy.css +1 -1
  21. package/dist/css/component-css/pds-code-block.css +1 -1
  22. package/dist/css/component-css/pds-combobox-multiselect.css +2 -2
  23. package/dist/css/component-css/pds-combobox.css +1 -1
  24. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  25. package/dist/css/component-css/pds-comparison-list.css +1 -1
  26. package/dist/css/component-css/pds-cta-link.css +1 -1
  27. package/dist/css/component-css/pds-datepicker.css +2 -2
  28. package/dist/css/component-css/pds-drawer.css +1 -1
  29. package/dist/css/component-css/pds-dropdown-menu.css +2 -2
  30. package/dist/css/component-css/pds-dropdown.css +2 -2
  31. package/dist/css/component-css/pds-expansion-panel-group.css +1 -1
  32. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  33. package/dist/css/component-css/pds-file-diff.css +1 -1
  34. package/dist/css/component-css/pds-file-upload.css +2 -2
  35. package/dist/css/component-css/pds-filter-button.css +1 -1
  36. package/dist/css/component-css/pds-full-screen-overlay.css +1 -1
  37. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  38. package/dist/css/component-css/pds-icon-button.css +2 -2
  39. package/dist/css/component-css/pds-icon-story-only.css +1 -1
  40. package/dist/css/component-css/pds-icon.css +1 -1
  41. package/dist/css/component-css/pds-identity-block.css +1 -1
  42. package/dist/css/component-css/pds-index.css +2 -2
  43. package/dist/css/component-css/pds-inline-message.css +1 -1
  44. package/dist/css/component-css/pds-input-group.css +1 -1
  45. package/dist/css/component-css/pds-input-utilities.css +1 -1
  46. package/dist/css/component-css/pds-line-chart.css +1 -1
  47. package/dist/css/component-css/pds-link-new-window.css +1 -1
  48. package/dist/css/component-css/pds-menu-button.css +2 -2
  49. package/dist/css/component-css/pds-modal.css +1 -1
  50. package/dist/css/component-css/pds-nav-menu.css +1 -1
  51. package/dist/css/component-css/pds-navbar.css +2 -2
  52. package/dist/css/component-css/pds-pagination-compact.css +1 -1
  53. package/dist/css/component-css/pds-pagination-mini.css +2 -2
  54. package/dist/css/component-css/pds-pagination.css +1 -1
  55. package/dist/css/component-css/pds-panel-list.css +1 -1
  56. package/dist/css/component-css/pds-panel.css +1 -1
  57. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  58. package/dist/css/component-css/pds-payment-icon.css +1 -1
  59. package/dist/css/component-css/pds-picture.css +1 -1
  60. package/dist/css/component-css/pds-pie-chart.css +1 -1
  61. package/dist/css/component-css/pds-platform-icon.css +1 -1
  62. package/dist/css/component-css/pds-popover.css +1 -1
  63. package/dist/css/component-css/pds-progress-bar.css +1 -1
  64. package/dist/css/component-css/pds-progress-ring.css +1 -1
  65. package/dist/css/component-css/pds-proportion-bar.css +1 -1
  66. package/dist/css/component-css/pds-radio-group.css +1 -1
  67. package/dist/css/component-css/pds-section-message.css +1 -1
  68. package/dist/css/component-css/pds-segmented-button.css +2 -2
  69. package/dist/css/component-css/pds-select.css +1 -1
  70. package/dist/css/component-css/pds-side-nav-global.css +2 -2
  71. package/dist/css/component-css/pds-side-nav.css +2 -2
  72. package/dist/css/component-css/pds-site-footer.css +1 -1
  73. package/dist/css/component-css/pds-site-search.css +1 -1
  74. package/dist/css/component-css/pds-skeleton.css +1 -1
  75. package/dist/css/component-css/pds-skiplink.css +1 -1
  76. package/dist/css/component-css/pds-sortable-list.css +2 -2
  77. package/dist/css/component-css/pds-spinner.css +1 -1
  78. package/dist/css/component-css/pds-split-button.css +1 -1
  79. package/dist/css/component-css/pds-sso-button.css +2 -2
  80. package/dist/css/component-css/pds-status-badge.css +1 -1
  81. package/dist/css/component-css/pds-status-checker.css +1 -1
  82. package/dist/css/component-css/pds-status-indicator.css +1 -1
  83. package/dist/css/component-css/pds-step-list.css +1 -1
  84. package/dist/css/component-css/pds-stepper.css +2 -2
  85. package/dist/css/component-css/pds-switch.css +2 -2
  86. package/dist/css/component-css/pds-tab-menu.css +2 -2
  87. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  88. package/dist/css/component-css/pds-table.css +2 -2
  89. package/dist/css/component-css/pds-tabs.css +1 -1
  90. package/dist/css/component-css/pds-tag.css +1 -1
  91. package/dist/css/component-css/pds-tags-input.css +1 -1
  92. package/dist/css/component-css/pds-tally.css +1 -1
  93. package/dist/css/component-css/pds-text-input.css +1 -1
  94. package/dist/css/component-css/pds-textarea.css +1 -1
  95. package/dist/css/component-css/pds-theme-switcher.css +1 -1
  96. package/dist/css/component-css/pds-toaster.css +1 -1
  97. package/dist/css/component-css/pds-tooltip.css +1 -1
  98. package/dist/css/component-css/pds-tree-nav.css +1 -1
  99. package/dist/css/component-css/pds-user-menu-story-only.css +1 -1
  100. package/dist/css/component-css/pds-user-menu.css +2 -2
  101. package/dist/css/component-css/pds-utility-bar.css +1 -1
  102. package/dist/css/component-css/pds-utility-button.css +2 -2
  103. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  104. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  105. package/dist/css/component-css/pds-video-embed.css +1 -1
  106. package/dist/css/component-css/pds-workspace-selector.css +2 -2
  107. package/dist/css/layout-css/pds-app-layout.css +2 -2
  108. package/dist/css/layout-css/pds-docs-layout.css +1 -1
  109. package/dist/css/layout-css/pds-index.css +2 -2
  110. package/dist/css/layout-css/pds-sidebar-layout.css +2 -2
  111. package/dist/css/layout-css/pds-stepper-layout.css +1 -1
  112. package/dist/css/layout-css/pds-three-item-layout.css +1 -1
  113. package/dist/css/layout-css/pds-two-item-layout.css +1 -1
  114. package/dist/css/pds-components.css +2 -2
  115. package/dist/css/pds-core.css +2 -2
  116. package/dist/css/pds-layouts.css +2 -2
  117. package/dist/index.css +4 -0
  118. package/dist/index.js +113 -101
  119. package/dist/index.js.map +1 -1
  120. package/package.json +5 -5
package/dist/css/component-css/pds-site-footer.css CHANGED
@@ -1 +1 @@
1
- .pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-foreground-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-site-footer{padding-block:var(--pds-spacing-xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer--on-secondary .pds-site-footer__content{border-bottom-color:var(--pds-color-border-default-secondary)}.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);display:flex;flex-direction:row;flex-wrap:wrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);row-gap:var(--pds-spacing-m)}.pds-site-footer__legal a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-foreground-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}}
package/dist/css/component-css/pds-site-search.css CHANGED
@@ -1 +1 @@
1
- .pds-site-search{--site-search-height:var(--pds-spacing-input-height-s);height:var(--site-search-height);width:320px}@media (min-width:1280px){.pds-site-search{width:340px}}@media (min-width:1440px){.pds-site-search{width:380px}}.pds-site-search__combobox{width:100%}.pds-site-search__inner{height:100%}[data-pds-mobile] .pds-site-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-site-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-site-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-site-search{--site-search-height:var(--pds-spacing-input-height-s);height:var(--site-search-height);width:320px}@media (min-width:1280px){.pds-site-search{width:340px}}@media (min-width:1440px){.pds-site-search{width:380px}}.pds-site-search__combobox{width:100%}.pds-site-search__inner{height:100%}[data-pds-mobile] .pds-site-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-site-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-site-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}}
package/dist/css/component-css/pds-skeleton.css CHANGED
@@ -1 +1 @@
1
- .pds-skeleton--regular{background-color:var(--pds-color-skeleton-regular-base)}.pds-skeleton--bold{background-color:var(--pds-color-skeleton-bold-base)}.pds-skeleton--code-block,.pds-skeleton--code-block-prefix,.pds-skeleton--rounded,.pds-skeleton--text-block{border-radius:var(--pds-border-radius-default)}.pds-skeleton--circular{border-radius:50%;flex-shrink:0}.pds-skeleton-group{display:inline-flex;flex-direction:column;width:100%}.pds-skeleton--code-block-prefix .pds-skeleton-line{align-items:center;display:flex}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-skeleton--regular{background-color:var(--pds-color-skeleton-regular-base)}.pds-skeleton--bold{background-color:var(--pds-color-skeleton-bold-base)}.pds-skeleton--code-block,.pds-skeleton--code-block-prefix,.pds-skeleton--rounded,.pds-skeleton--text-block{border-radius:var(--pds-border-radius-default)}.pds-skeleton--circular{border-radius:50%;flex-shrink:0}.pds-skeleton-group{display:inline-flex;flex-direction:column;width:100%}.pds-skeleton--code-block-prefix .pds-skeleton-line{align-items:center;display:flex}}
package/dist/css/component-css/pds-skiplink.css CHANGED
@@ -1 +1 @@
1
- a.pds-skiplink{background-color:var(--pds-color-button-primary-background-default);display:inline-block;left:0;overflow:hidden;padding:var(--pds-spacing-s) var(--pds-spacing-m);position:absolute;text-decoration:none;top:-200px;transition:top .2s cubic-bezier(.2,0,0,1);z-index:var(--pds-z-index-modal)}a.pds-skiplink,a.pds-skiplink:hover{color:var(--pds-color-button-primary-foreground)}a.pds-skiplink:hover{background-color:var(--pds-color-button-primary-background-hover);text-decoration:underline}a.pds-skiplink:focus{box-shadow:var(--pds-elevation-overlay);height:auto;outline-color:transparent;position:absolute;top:0;transition:top .2s cubic-bezier(.2,0,0,1);width:auto}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{a.pds-skiplink{background-color:var(--pds-color-button-primary-background-default);display:inline-block;left:0;overflow:hidden;padding:var(--pds-spacing-s) var(--pds-spacing-m);position:absolute;text-decoration:none;top:-200px;transition:top .2s cubic-bezier(.2,0,0,1);z-index:var(--pds-z-index-modal)}a.pds-skiplink,a.pds-skiplink:hover{color:var(--pds-color-button-primary-foreground)}a.pds-skiplink:hover{background-color:var(--pds-color-button-primary-background-hover);text-decoration:underline}a.pds-skiplink:focus{box-shadow:var(--pds-elevation-overlay);height:auto;outline-color:transparent;position:absolute;top:0;transition:top .2s cubic-bezier(.2,0,0,1);width:auto}}
package/dist/css/component-css/pds-sortable-list.css CHANGED
@@ -1,8 +1,8 @@
1
- .pds-sortable-list{--indent-size:var(--pds-spacing-xl);--row-padding:var(--pds-spacing-s);--row-gap:var(--pds-spacing-m);--chevron-width:1rem;--content-offset-left:calc(var(--row-padding) + var(--chevron-width) + var(--row-gap));--header-height:2rem;--row-min-height:2.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-xs)}.pds-sortable-list--overlay{gap:0}.pds-sortable-list--overlay .pds-sortable-row,.pds-sortable-list--overlay .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised)}.pds-sortable-row{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex;gap:var(--row-gap);min-height:var(--row-min-height);padding:var(--row-padding)}.pds-sortable-row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;position:relative;z-index:2}.pds-sortable-row[data-depth="1"]{margin-inline-start:calc(var(--indent-size)*1)}.pds-sortable-row[data-depth="2"]{margin-inline-start:calc(var(--indent-size)*2)}.pds-sortable-row[data-depth="3"]{margin-inline-start:calc(var(--indent-size)*3)}.pds-sortable-row[data-depth="4"]{margin-inline-start:calc(var(--indent-size)*4)}.pds-sortable-row[data-depth="5"]{margin-inline-start:calc(var(--indent-size)*5)}.pds-sortable-row--locked{cursor:default}.pds-sortable-list--reorder-active .pds-sortable-row--locked{background-color:var(--pds-color-expansion-panel-hover);border-color:var(--pds-color-border-input);cursor:not-allowed;opacity:.5}[data-theme=dark]
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-sortable-list{--indent-size:var(--pds-spacing-xl);--row-padding:var(--pds-spacing-s);--row-gap:var(--pds-spacing-m);--chevron-width:1rem;--content-offset-left:calc(var(--row-padding) + var(--chevron-width) + var(--row-gap));--header-height:2rem;--row-min-height:2.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-xs)}.pds-sortable-list--overlay{gap:0}.pds-sortable-list--overlay .pds-sortable-row,.pds-sortable-list--overlay .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised)}.pds-sortable-row{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex;gap:var(--row-gap);min-height:var(--row-min-height);padding:var(--row-padding)}.pds-sortable-row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;position:relative;z-index:2}.pds-sortable-row[data-depth="1"]{margin-inline-start:calc(var(--indent-size)*1)}.pds-sortable-row[data-depth="2"]{margin-inline-start:calc(var(--indent-size)*2)}.pds-sortable-row[data-depth="3"]{margin-inline-start:calc(var(--indent-size)*3)}.pds-sortable-row[data-depth="4"]{margin-inline-start:calc(var(--indent-size)*4)}.pds-sortable-row[data-depth="5"]{margin-inline-start:calc(var(--indent-size)*5)}.pds-sortable-row--locked{cursor:default}.pds-sortable-list--reorder-active .pds-sortable-row--locked{background-color:var(--pds-color-expansion-panel-hover);border-color:var(--pds-color-border-input);cursor:not-allowed;opacity:.5}[data-theme=dark]
2
2
  .pds-sortable-list--reorder-active
3
3
  .pds-sortable-row--locked{opacity:.4}.pds-sortable-list--overlay-keyboard .pds-sortable-row,.pds-sortable-list--overlay-keyboard .pds-sortable-row:hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-raised),0 0 0 var(--pds-border-width-outline) var(--pds-color-interactive-focus)}.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid{cursor:not-allowed;opacity:1}.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid
4
4
  .pds-sortable-row,.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid
5
5
  .pds-sortable-row:hover{box-shadow:var(--pds-elevation-raised),0 0 0 var(--pds-border-width-outline) var(--pds-color-status-critical-foreground)}.pds-sortable-list--overlay-invalid:not(.pds-sortable-list--overlay-keyboard){cursor:not-allowed;opacity:.5}.pds-sortable-list--reorder-active:not(.pds-sortable-list--overlay)
6
6
  .pds-sortable-row:not(.pds-sortable-list-header):not(.pds-sortable-row--locked):not(.pds-sortable-row--dragging):not(.pds-sortable-row--drop-target):not(.pds-sortable-row--projected-parent){border-color:transparent;box-shadow:var(--pds-elevation-draggable)}.pds-sortable-list--reorder-active:not(.pds-sortable-list--overlay)
7
7
  .pds-sortable-row:not(.pds-sortable-list-header):not(.pds-sortable-row--locked):not(.pds-sortable-row--dragging):not(.pds-sortable-row--drop-target):not(.pds-sortable-row--projected-parent):hover{border-color:var(--pds-color-sortable-border-hover);box-shadow:var(--pds-elevation-sortable-hover)}.pds-sortable-list--reorder-active
8
- .pds-sortable-row:not(.pds-sortable-row--locked):not(.pds-sortable-row--dragging):not(.pds-sortable-list-header){cursor:move}.pds-sortable-row--drop-target,.pds-sortable-row--drop-target:hover,.pds-sortable-row--projected-parent{border-color:var(--pds-color-sortable-border-target)}.pds-sortable-row--projected-parent{position:relative;z-index:1}.pds-sortable-row--dragging.pds-sortable-row--depth-projecting{background-color:transparent;border:none;position:relative}.pds-sortable-row--dragging.pds-sortable-row--depth-projecting:after{background-color:var(--pds-color-surface-default-secondary);border-radius:var(--pds-border-radius-container);content:"";inset-block:0;inset-inline-end:0;inset-inline-start:max(0px,calc(var(--projected-depth-delta, 0)*var(--indent-size)));position:absolute}.pds-sortable-row--dragging:focus-visible{outline:none;position:static;z-index:auto}.pds-sortable-row--dragging{background-color:var(--pds-color-surface-default-secondary);border:none;border-radius:var(--pds-border-radius-container);box-shadow:none}.pds-sortable-row--dragging>*{visibility:hidden}.pds-sortable-row--dragging:hover{box-shadow:none}.pds-sortable-row__chevron{align-items:center;background-color:transparent;border:0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;width:var(--chevron-width)}.pds-sortable-row__chevron:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-sortable-row__chevron:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-sortable-row__chevron-icon{transition:var(--pds-animation-transition-rotation)}.pds-sortable-row__chevron-icon--expanded{transform:rotate(180deg)}.pds-sortable-row__chevron-spacer{flex-shrink:0;width:var(--chevron-width)}.pds-sortable-row__content{flex:1;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-m)}.pds-sortable-row__cell,.pds-sortable-row__content{align-items:center;display:flex;min-width:0}.pds-sortable-list-header{align-items:center;background-color:transparent;border:none;box-shadow:none;color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--header-height);letter-spacing:.05em;min-height:unset;padding-block:0;text-transform:uppercase}.pds-sortable-list-header:hover{box-shadow:none}
8
+ .pds-sortable-row:not(.pds-sortable-row--locked):not(.pds-sortable-row--dragging):not(.pds-sortable-list-header){cursor:move}.pds-sortable-row--drop-target,.pds-sortable-row--drop-target:hover,.pds-sortable-row--projected-parent{border-color:var(--pds-color-sortable-border-target)}.pds-sortable-row--projected-parent{position:relative;z-index:1}.pds-sortable-row--dragging.pds-sortable-row--depth-projecting{background-color:transparent;border:none;position:relative}.pds-sortable-row--dragging.pds-sortable-row--depth-projecting:after{background-color:var(--pds-color-surface-default-secondary);border-radius:var(--pds-border-radius-container);content:"";inset-block:0;inset-inline-end:0;inset-inline-start:max(0px,calc(var(--projected-depth-delta, 0)*var(--indent-size)));position:absolute}.pds-sortable-row--dragging:focus-visible{outline:none;position:static;z-index:auto}.pds-sortable-row--dragging{background-color:var(--pds-color-surface-default-secondary);border:none;border-radius:var(--pds-border-radius-container);box-shadow:none}.pds-sortable-row--dragging>*{visibility:hidden}.pds-sortable-row--dragging:hover{box-shadow:none}.pds-sortable-row__chevron{align-items:center;background-color:transparent;border:0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;width:var(--chevron-width)}.pds-sortable-row__chevron:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-sortable-row__chevron:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-sortable-row__chevron-icon{transition:var(--pds-animation-transition-rotation)}.pds-sortable-row__chevron-icon--expanded{transform:rotate(180deg)}.pds-sortable-row__chevron-spacer{flex-shrink:0;width:var(--chevron-width)}.pds-sortable-row__content{flex:1;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-m)}.pds-sortable-row__cell,.pds-sortable-row__content{align-items:center;display:flex;min-width:0}.pds-sortable-list-header{align-items:center;background-color:transparent;border:none;box-shadow:none;color:var(--pds-color-foreground-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--header-height);letter-spacing:.05em;min-height:unset;padding-block:0;text-transform:uppercase}.pds-sortable-list-header:hover{box-shadow:none}}
package/dist/css/component-css/pds-spinner.css CHANGED
@@ -1 +1 @@
1
- .pds-spinner{--spinner-color:var(--pds-color-foreground-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:16 56.5;stroke-linecap:round;stroke-width:2.5}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:var(--pds-typography-ff-default);font-weight:var(--pds-typography-fw-medium);line-height:var(--pds-typography-lh-m);max-width:calc(var(--spinner-size)*6)}@media (prefers-reduced-motion:reduce){.pds-spinner__rotator{animation-duration:8s}}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-spinner{--spinner-color:var(--pds-color-foreground-default);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{height:var(--spinner-size);overflow:visible;width:var(--spinner-size)}.pds-spinner__track{fill:none;stroke:var(--spinner-color);stroke-opacity:.3;stroke-width:2.5}.pds-spinner__rotator{animation:spinner-rotate 1s linear infinite;transform-origin:12px 12px}.pds-spinner__arc{fill:none;stroke:var(--spinner-color);stroke-dasharray:16 56.5;stroke-linecap:round;stroke-width:2.5}@keyframes spinner-rotate{to{transform:rotate(1turn)}}.pds-spinner__label{font-family:var(--pds-typography-ff-default);font-weight:var(--pds-typography-fw-medium);line-height:var(--pds-typography-lh-m);max-width:calc(var(--spinner-size)*6)}@media (prefers-reduced-motion:reduce){.pds-spinner__rotator{animation-duration:8s}}}
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);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--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
+ @layer pds-v1, pds-v2;@layer pds-v2{.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--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-sso-button.css CHANGED
@@ -1,5 +1,5 @@
1
- .pds-sso-button{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m);--button-background-color:var(
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-sso-button{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m);--button-background-color:var(
2
2
  --pds-color-button-secondary-background-default
3
3
  );--button-background-color-hover:var(
4
4
  --pds-color-button-secondary-background-hover
5
- );--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}
5
+ );--button-foreground-color:var(--pds-color-button-secondary-foreground);--button-border-color:var(--pds-color-button-secondary-border);--button-border-color-hover:var(--pds-color-button-secondary-border);--separator-height:1.2rem;align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-sso-button:disabled{cursor:not-allowed;opacity:40%}.pds-sso-button:active:enabled,.pds-sso-button:hover:enabled,a.pds-sso-button:active,a.pds-sso-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-sso-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-sso-button__icon{border-inline-end:var(--pds-border-width-default) solid var(--button-border-color);flex-shrink:0;height:var(--separator-height);padding-inline-end:var(--button-gap-inline)}.pds-sso-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l);--separator-height:1.728rem}}
package/dist/css/component-css/pds-status-badge.css CHANGED
@@ -1 +1 @@
1
- .pds-status-badge{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary);--status-badge-status-dot:var(--pds-color-foreground-default-secondary);align-items:center;background-color:var(--status-badge-background);border:var(--pds-border-width-default) solid var(--status-badge-border);border-radius:100px;color:var(--status-badge-label);display:inline-flex;font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-medium);padding:var(--pds-spacing-4xs) var(--pds-spacing-xs)}.pds-status-badge__status{background-color:var(--status-badge-status-dot);border-radius:50%;display:inline-block;height:var(--pds-spacing-xs);width:var(--pds-spacing-xs)}.pds-status-badge__spinner,.pds-status-badge__status{margin-inline-end:var(--pds-spacing-2xs)}.pds-status-badge__label{display:inline-block;line-height:var(--pds-typography-size-xs);padding-block-start:.0625rem}.pds-status-badge--transparent{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--neutral{--status-badge-background:var(--pds-color-surface-default);--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--reverse{--status-badge-background:var(--pds-color-surface-reverse);--status-badge-border:var(--pds-color-foreground-reverse);--status-badge-label:var(--pds-color-foreground-reverse)}.pds-status-badge__status--success{--status-badge-status-dot:var(--pds-color-status-success-fill)}.pds-status-badge__status--info{--status-badge-status-dot:var(--pds-color-status-info-fill)}.pds-status-badge__status--frozen{--status-badge-status-dot:var(--pds-color-status-frozen-fill)}.pds-status-badge__status--critical{--status-badge-status-dot:var(--pds-color-status-critical-fill)}.pds-status-badge__status--warning{--status-badge-status-dot:var(--pds-color-status-warning-fill)}.pds-status-badge__status--discovery{--status-badge-status-dot:var(--pds-color-status-discovery-fill)}.pds-status-badge__status--disabled{--status-badge-status-dot:var(--pds-color-status-disabled-fill)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-status-badge{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary);--status-badge-status-dot:var(--pds-color-foreground-default-secondary);align-items:center;background-color:var(--status-badge-background);border:var(--pds-border-width-default) solid var(--status-badge-border);border-radius:100px;color:var(--status-badge-label);display:inline-flex;font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-medium);padding:var(--pds-spacing-4xs) var(--pds-spacing-xs)}.pds-status-badge__status{background-color:var(--status-badge-status-dot);border-radius:50%;display:inline-block;height:var(--pds-spacing-xs);width:var(--pds-spacing-xs)}.pds-status-badge__spinner,.pds-status-badge__status{margin-inline-end:var(--pds-spacing-2xs)}.pds-status-badge__label{display:inline-block;line-height:var(--pds-typography-size-xs);padding-block-start:.0625rem}.pds-status-badge--transparent{--status-badge-background:transparent;--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--neutral{--status-badge-background:var(--pds-color-surface-default);--status-badge-border:var(--pds-color-border-input);--status-badge-label:var(--pds-color-foreground-default-secondary)}.pds-status-badge--reverse{--status-badge-background:var(--pds-color-surface-reverse);--status-badge-border:var(--pds-color-foreground-reverse);--status-badge-label:var(--pds-color-foreground-reverse)}.pds-status-badge__status--success{--status-badge-status-dot:var(--pds-color-status-success-fill)}.pds-status-badge__status--info{--status-badge-status-dot:var(--pds-color-status-info-fill)}.pds-status-badge__status--frozen{--status-badge-status-dot:var(--pds-color-status-frozen-fill)}.pds-status-badge__status--critical{--status-badge-status-dot:var(--pds-color-status-critical-fill)}.pds-status-badge__status--warning{--status-badge-status-dot:var(--pds-color-status-warning-fill)}.pds-status-badge__status--discovery{--status-badge-status-dot:var(--pds-color-status-discovery-fill)}.pds-status-badge__status--disabled{--status-badge-status-dot:var(--pds-color-status-disabled-fill)}}
package/dist/css/component-css/pds-status-checker.css CHANGED
@@ -1 +1 @@
1
- .pds-status-checker{display:flex}.pds-status-checker__button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-xs);height:var(--pds-spacing-button-height-m);transition:var(--pds-animation-transition-button)}.pds-status-checker__button:hover .pds-status-checker__icon,.pds-status-checker__button:hover .pds-status-checker__label{color:var(--pds-color-interactive-foreground-hover)}.pds-status-checker__button .pds-status-checker__icon{color:var(--pds-color-foreground-default)}.pds-status-checker__button .pds-tooltip .pds-status-checker__tooltip-icon{align-items:center;display:flex}.pds-status-checker__button--spinning{cursor:not-allowed}.pds-status-checker__icon--spinning{animation:pds-status-checker__icon--spin 1s linear infinite}@keyframes pds-status-checker__icon--spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-status-checker--left{justify-content:flex-start}.pds-status-checker--left .pds-tooltip{padding-inline-end:var(--pds-spacing-4xs)}.pds-status-checker--right{justify-content:flex-end}.pds-status-checker--right .pds-tooltip{padding-inline-start:var(--pds-spacing-4xs)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-status-checker{display:flex}.pds-status-checker__button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-xs);height:var(--pds-spacing-button-height-m);transition:var(--pds-animation-transition-button)}.pds-status-checker__button:hover .pds-status-checker__icon,.pds-status-checker__button:hover .pds-status-checker__label{color:var(--pds-color-interactive-foreground-hover)}.pds-status-checker__button .pds-status-checker__icon{color:var(--pds-color-foreground-default)}.pds-status-checker__button .pds-tooltip .pds-status-checker__tooltip-icon{align-items:center;display:flex}.pds-status-checker__button--spinning{cursor:not-allowed}.pds-status-checker__icon--spinning{animation:pds-status-checker__icon--spin 1s linear infinite}@keyframes pds-status-checker__icon--spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-status-checker--left{justify-content:flex-start}.pds-status-checker--left .pds-tooltip{padding-inline-end:var(--pds-spacing-4xs)}.pds-status-checker--right{justify-content:flex-end}.pds-status-checker--right .pds-tooltip{padding-inline-start:var(--pds-spacing-4xs)}}
package/dist/css/component-css/pds-status-indicator.css CHANGED
@@ -1 +1 @@
1
- .pds-status-indicator{--status-indicator-dot:var(--pds-color-status-disabled-fill);--status-indicator-label:var(--pds-color-foreground-default);align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-2xs)}.pds-status-indicator--critical{--status-indicator-dot:var(--pds-color-status-critical-fill);--status-indicator-label:var(--pds-color-status-critical-foreground)}.pds-status-indicator--disabled{--status-indicator-dot:var(--pds-color-status-disabled-fill);--status-indicator-label:var(--pds-color-foreground-default-secondary)}.pds-status-indicator--discovery{--status-indicator-dot:var(--pds-color-status-discovery-fill);--status-indicator-label:var(--pds-color-status-discovery-foreground)}.pds-status-indicator--info{--status-indicator-dot:var(--pds-color-status-info-fill);--status-indicator-label:var(--pds-color-status-info-foreground)}.pds-status-indicator--neutral{--status-indicator-dot:var(--pds-color-status-disabled-fill)}.pds-status-indicator--success{--status-indicator-dot:var(--pds-color-status-success-fill);--status-indicator-label:var(--pds-color-status-success-foreground)}.pds-status-indicator--warning{--status-indicator-dot:var(--pds-color-status-warning-fill);--status-indicator-label:var(--pds-color-status-warning-foreground)}.pds-status-indicator__icon{background-color:var(--status-indicator-dot);border-radius:50%;display:block;flex-shrink:0;height:var(--pds-spacing-s);width:var(--pds-spacing-s)}.pds-status-indicator__label{color:var(--status-indicator-label);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-status-indicator a{align-items:center;color:var(--status-indicator-label);display:flex;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-status-indicator a:hover{color:var(--status-indicator-label);text-decoration:underline;text-underline-offset:2px}.pds-status-indicator a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-status-indicator{--status-indicator-dot:var(--pds-color-status-disabled-fill);--status-indicator-label:var(--pds-color-foreground-default);align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-2xs)}.pds-status-indicator--critical{--status-indicator-dot:var(--pds-color-status-critical-fill);--status-indicator-label:var(--pds-color-status-critical-foreground)}.pds-status-indicator--disabled{--status-indicator-dot:var(--pds-color-status-disabled-fill);--status-indicator-label:var(--pds-color-foreground-default-secondary)}.pds-status-indicator--discovery{--status-indicator-dot:var(--pds-color-status-discovery-fill);--status-indicator-label:var(--pds-color-status-discovery-foreground)}.pds-status-indicator--info{--status-indicator-dot:var(--pds-color-status-info-fill);--status-indicator-label:var(--pds-color-status-info-foreground)}.pds-status-indicator--neutral{--status-indicator-dot:var(--pds-color-status-disabled-fill)}.pds-status-indicator--success{--status-indicator-dot:var(--pds-color-status-success-fill);--status-indicator-label:var(--pds-color-status-success-foreground)}.pds-status-indicator--warning{--status-indicator-dot:var(--pds-color-status-warning-fill);--status-indicator-label:var(--pds-color-status-warning-foreground)}.pds-status-indicator__icon{background-color:var(--status-indicator-dot);border-radius:50%;display:block;flex-shrink:0;height:var(--pds-spacing-s);width:var(--pds-spacing-s)}.pds-status-indicator__label{color:var(--status-indicator-label);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium)}.pds-status-indicator a{align-items:center;color:var(--status-indicator-label);display:flex;gap:var(--pds-spacing-2xs);text-decoration:none}.pds-status-indicator a:hover{color:var(--status-indicator-label);text-decoration:underline;text-underline-offset:2px}.pds-status-indicator a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}}
package/dist/css/component-css/pds-step-list.css CHANGED
@@ -1 +1 @@
1
- .pds-step-list{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);list-style:none;padding:0;row-gap:var(--pds-spacing-2xl)}.pds-step-list--horizontal{display:grid;grid-template-columns:repeat(var(--step-list-columns,1),1fr);grid-gap:var(--pds-spacing-2xl)}.pds-step-list--indented li{align-items:flex-start;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-step-list__number{align-items:center;background-color:var(--pds-color-surface-reverse);border-radius:50%;color:var(--pds-color-foreground-reverse);display:flex;flex-shrink:0;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);height:var(--pds-spacing-xl);justify-content:center;line-height:90%;padding:1px;width:var(--pds-spacing-xl)}.pds-step-list__number span{padding-block-start:1px}.pds-step-list__content{padding-block-start:var(--pds-spacing-s)}.pds-step-list__header-group{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__content-group{overflow-x:hidden;width:100%}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-step-list{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);list-style:none;padding:0;row-gap:var(--pds-spacing-2xl)}.pds-step-list--horizontal{display:grid;grid-template-columns:repeat(var(--step-list-columns,1),1fr);grid-gap:var(--pds-spacing-2xl)}.pds-step-list--indented li{align-items:flex-start;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-step-list__number{align-items:center;background-color:var(--pds-color-surface-reverse);border-radius:50%;color:var(--pds-color-foreground-reverse);display:flex;flex-shrink:0;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);height:var(--pds-spacing-xl);justify-content:center;line-height:90%;padding:1px;width:var(--pds-spacing-xl)}.pds-step-list__number span{padding-block-start:1px}.pds-step-list__content{padding-block-start:var(--pds-spacing-s)}.pds-step-list__header-group{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-step-list__content-group{overflow-x:hidden;width:100%}}
package/dist/css/component-css/pds-stepper.css CHANGED
@@ -1,3 +1,3 @@
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(
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.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-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)}
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-switch.css CHANGED
@@ -1,4 +1,4 @@
1
- .pds-switch{--toggle-switch-thumb-height:0.875rem;--toggle-switch-animation:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms;--toggle-thumb-background:var(--pds-color-input-switch-icon);--toggle-gutter:0.125rem;--track-width:calc(var(--toggle-switch-thumb-height)*2 + var(--toggle-gutter)*3);width:100%}.pds-switch:not(.pds-switch--message):not(.pds-switch--below){align-items:center;display:inline-flex;justify-content:space-between}.pds-switch:not(.pds-switch--message):not(.pds-switch--below) .pds-switch__label{margin-block-end:0}.pds-switch__content{align-items:flex-start;column-gap:var(--pds-spacing-xl);display:flex;row-gap:var(--pds-spacing-m)}.pds-switch--below .pds-switch__content{align-items:flex-start;flex-direction:column}.pds-input-message--switch{margin-block-start:unset}.pds-switch__control{align-items:center;display:flex}.pds-switch__track{background:var(--pds-color-input-switch-background);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));container-type:inline-size;cursor:pointer;height:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2);margin-block-end:0;padding:var(--toggle-gutter);position:relative;width:var(--track-width)}.pds-switch__track-wrapper{align-items:center;display:flex}.pds-switch__control
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-switch{--toggle-switch-thumb-height:0.875rem;--toggle-switch-animation:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms;--toggle-thumb-background:var(--pds-color-input-switch-icon);--toggle-gutter:0.125rem;--track-width:calc(var(--toggle-switch-thumb-height)*2 + var(--toggle-gutter)*3);width:100%}.pds-switch:not(.pds-switch--message):not(.pds-switch--below){align-items:center;display:inline-flex;justify-content:space-between}.pds-switch:not(.pds-switch--message):not(.pds-switch--below) .pds-switch__label{margin-block-end:0}.pds-switch__content{align-items:flex-start;column-gap:var(--pds-spacing-xl);display:flex;row-gap:var(--pds-spacing-m)}.pds-switch--below .pds-switch__content{align-items:flex-start;flex-direction:column}.pds-input-message--switch{margin-block-start:unset}.pds-switch__control{align-items:center;display:flex}.pds-switch__track{background:var(--pds-color-input-switch-background);border-radius:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter));container-type:inline-size;cursor:pointer;height:calc(var(--toggle-switch-thumb-height) + var(--toggle-gutter)*2);margin-block-end:0;padding:var(--toggle-gutter);position:relative;width:var(--track-width)}.pds-switch__track-wrapper{align-items:center;display:flex}.pds-switch__control
2
2
  input:checked+.pds-switch__track-wrapper
3
3
  .pds-switch__track{background:var(--pds-color-input-selected-background)}.pds-switch__control
4
4
  input:checked+.pds-switch__track-wrapper
@@ -7,4 +7,4 @@
7
7
  input:disabled+.pds-switch__track-wrapper
8
8
  .pds-switch__track{cursor:not-allowed}.pds-switch__control
9
9
  input:focus-visible+.pds-switch__track-wrapper
10
- .pds-switch__track{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border-radius:6.25rem;box-shadow:0 1px 1.5px rgba(0,0,0,.18);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}[data-theme=dark] .pds-switch__thumb{box-shadow:0 1px 1.5px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.5)}
10
+ .pds-switch__track{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem}.pds-switch__thumb{background:var(--toggle-thumb-background);border-radius:6.25rem;box-shadow:0 1px 1.5px rgba(0,0,0,.18);display:block;height:var(--toggle-switch-thumb-height);inset-block-start:var(--toggle-gutter);inset-inline-start:var(--toggle-gutter);position:absolute;transition:var(--toggle-switch-animation);width:var(--toggle-switch-thumb-height);z-index:1}[data-theme=dark] .pds-switch__thumb{box-shadow:0 1px 1.5px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.5)}}
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-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{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}
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{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-table-of-contents.css CHANGED
@@ -1 +1 @@
1
- #pds-toc-source h2,#pds-toc-source h3{scroll-margin-top:var(--pds-spacing-m)}.pds-toc{border-left:1px solid var(--pds-color-border-default);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);max-height:calc(100vh - 40px);overflow:auto;position:sticky;top:var(--pds-spacing-m);width:100%}.pds-toc__link{color:var(--pds-color-foreground-default);text-decoration:none}.pds-toc__link:hover{color:var(--pds-color-interactive-foreground-hover);text-decoration:underline}.pds-toc__heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);margin-block-start:var(--pds-spacing-3xs)}.pds-toc__heading,ul.pds-toc__list{padding-inline-start:var(--pds-spacing-xl)}ul.pds-toc__list{display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}ul.pds-toc__list,ul.pds-toc__list .pds-toc__list-item{list-style-type:none}ul.pds-toc__list--top-level{margin-block:var(--pds-spacing-3xs)}li.pds-toc__list-item{margin-block:0}ul.pds-toc__list--second-level{border-left:0;padding-block:0;padding-inline-start:var(--pds-spacing-m)}ul.pds-toc__list--second-level li:first-child{margin-block-start:var(--pds-spacing-xs)}a.pds-toc__link--active{color:var(--pds-color-interactive-foreground-hover)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{#pds-toc-source h2,#pds-toc-source h3{scroll-margin-top:var(--pds-spacing-m)}.pds-toc{border-left:1px solid var(--pds-color-border-default);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);max-height:calc(100vh - 40px);overflow:auto;position:sticky;top:var(--pds-spacing-m);width:100%}.pds-toc__link{color:var(--pds-color-foreground-default);text-decoration:none}.pds-toc__link:hover{color:var(--pds-color-interactive-foreground-hover);text-decoration:underline}.pds-toc__heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);margin-block-start:var(--pds-spacing-3xs)}.pds-toc__heading,ul.pds-toc__list{padding-inline-start:var(--pds-spacing-xl)}ul.pds-toc__list{display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}ul.pds-toc__list,ul.pds-toc__list .pds-toc__list-item{list-style-type:none}ul.pds-toc__list--top-level{margin-block:var(--pds-spacing-3xs)}li.pds-toc__list-item{margin-block:0}ul.pds-toc__list--second-level{border-left:0;padding-block:0;padding-inline-start:var(--pds-spacing-m)}ul.pds-toc__list--second-level li:first-child{margin-block-start:var(--pds-spacing-xs)}a.pds-toc__link--active{color:var(--pds-color-interactive-foreground-hover)}}
package/dist/css/component-css/pds-table.css CHANGED
@@ -1,3 +1,3 @@
1
- .pds-table-wrapper{--table-footer-height:3.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__content{display:flex;overflow-x:clip;position:relative;width:100%}.pds-table-wrapper__table-column{display:flex;flex:1;flex-direction:column;margin-inline-end:0;min-width:0;transition:margin-inline-end .25s cubic-bezier(.2,0,0,1)}.pds-table-wrapper__content--panel-open .pds-table-wrapper__table-column{margin-inline-end:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__table-area{min-width:0;overflow-x:auto}.pds-table-wrapper__detail-panel{background-color:var(--pds-color-surface-default);border-radius:0 var(--pds-border-radius-panel) var(--pds-border-radius-panel) 0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:width .25s cubic-bezier(.2,0,0,1);width:0}.pds-table-wrapper__detail-panel--open{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-border-default);width:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__detail-panel-upper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.pds-table-wrapper__detail-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--pds-spacing-l) var(--pds-spacing-m) 0}.pds-table-wrapper__detail-panel-title{flex:1;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);line-height:1}.pds-table-wrapper__detail-panel-content{flex:1;overflow-y:auto;padding:var(--pds-spacing-xl) var(--pds-spacing-m)}.pds-table-wrapper__detail-panel-footer{box-shadow:inset 0 1px 0 var(--pds-color-border-default);flex-shrink:0;height:var(--table-footer-height)}.pds-table-wrapper__detail-panel-nav{align-items:center;display:flex;gap:var(--pds-spacing-2xs);height:100%;justify-content:flex-end;padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__footer{width:100%}.pds-table-wrapper--in-panel .pds-table td:first-child,.pds-table-wrapper--in-panel .pds-table th:first-child{padding-inline-start:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table-wrapper__footer,.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-shadow:inset 0 1px 0 var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-sizing:border-box;height:var(--table-footer-height);padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);width:100%}.pds-table-wrapper__pagination-controls{margin-inline-start:auto}.pds-table{border-collapse:separate;border-spacing:0}.pds-table td{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-table tbody tr:last-child td{border-block-end:none}.pds-table th{background-color:var(--pds-color-surface-default);box-shadow:inset 0 -1px 0 var(--pds-color-border-default);position:sticky;top:0;z-index:1}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area{border-start-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-start-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-table-wrapper{--table-footer-height:3.5rem;display:flex;flex-direction:column;gap:var(--pds-spacing-m);width:100%}.pds-table-wrapper__content{display:flex;overflow-x:clip;position:relative;width:100%}.pds-table-wrapper__table-column{display:flex;flex:1;flex-direction:column;margin-inline-end:0;min-width:0;transition:margin-inline-end .25s cubic-bezier(.2,0,0,1)}.pds-table-wrapper__content--panel-open .pds-table-wrapper__table-column{margin-inline-end:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__table-area{min-width:0;overflow-x:auto}.pds-table-wrapper__detail-panel{background-color:var(--pds-color-surface-default);border-radius:0 var(--pds-border-radius-panel) var(--pds-border-radius-panel) 0;bottom:0;display:flex;flex-direction:column;overflow:hidden;position:absolute;right:0;top:0;transition:width .25s cubic-bezier(.2,0,0,1);width:0}.pds-table-wrapper__detail-panel--open{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-border-default);width:var(--pds-detail-panel-width,20rem)}.pds-table-wrapper__detail-panel-upper{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.pds-table-wrapper__detail-panel-header{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--pds-spacing-l) var(--pds-spacing-m) 0}.pds-table-wrapper__detail-panel-title{flex:1;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);line-height:1}.pds-table-wrapper__detail-panel-content{flex:1;overflow-y:auto;padding:var(--pds-spacing-xl) var(--pds-spacing-m)}.pds-table-wrapper__detail-panel-footer{box-shadow:inset 0 1px 0 var(--pds-color-border-default);flex-shrink:0;height:var(--table-footer-height)}.pds-table-wrapper__detail-panel-nav{align-items:center;display:flex;gap:var(--pds-spacing-2xs);height:100%;justify-content:flex-end;padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__footer{width:100%}.pds-table-wrapper--in-panel .pds-table td:first-child,.pds-table-wrapper--in-panel .pds-table th:first-child{padding-inline-start:var(--pds-spacing-m)}.pds-table-wrapper--in-panel .pds-table-wrapper__footer,.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-shadow:inset 0 1px 0 var(--pds-color-border-default)}.pds-table-wrapper--in-panel .pds-table-wrapper__pagination{box-sizing:border-box;height:var(--table-footer-height);padding-inline:var(--pds-spacing-m)}.pds-table-wrapper__pagination{align-items:center;display:flex;gap:var(--pds-spacing-l);width:100%}.pds-table-wrapper__pagination-controls{margin-inline-start:auto}.pds-table{border-collapse:separate;border-spacing:0}.pds-table td{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-table tbody tr:last-child td{border-block-end:none}.pds-table th{background-color:var(--pds-color-surface-default);box-shadow:inset 0 -1px 0 var(--pds-color-border-default);position:sticky;top:0;z-index:1}.pds-table-wrapper--in-panel .pds-table-wrapper__table-area{border-start-end-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default));border-start-start-radius:calc(var(--pds-border-radius-panel) - var(--pds-border-width-default))}.pds-table-wrapper--in-panel
2
2
  .pds-table-wrapper__content--panel-open
3
- .pds-table-wrapper__table-area{border-start-end-radius:0}.pds-table__checkbox-cell{padding-inline:var(--pds-spacing-xs);text-align:center;width:2.5rem}.pds-table__empty-cell{border:none;padding:0}.pds-table__row--inspectable{cursor:pointer}.pds-table__row--inspectable:focus{outline:none}.pds-table__row--inspectable:focus-visible{outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}.pds-table__row--inspectable:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-table__row--inspected{background-color:var(--pds-color-interactive-background-selected)}.pds-table__row--info{background-color:var(--pds-color-status-info-background);box-shadow:inset 4px 0 0 var(--pds-color-status-info-fill)}.pds-table__row--success{background-color:var(--pds-color-status-success-background);box-shadow:inset 4px 0 0 var(--pds-color-status-success-fill)}.pds-table__row--warning{background-color:var(--pds-color-status-warning-background);box-shadow:inset 4px 0 0 var(--pds-color-status-warning-fill)}.pds-table__row--critical{background-color:var(--pds-color-status-critical-background);box-shadow:inset 4px 0 0 var(--pds-color-status-critical-fill)}.pds-table__row--discovery{background-color:var(--pds-color-status-discovery-background);box-shadow:inset 4px 0 0 var(--pds-color-status-discovery-fill)}.pds-table__row--info.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-info-background-hover)}.pds-table__row--success.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-success-background-hover)}.pds-table__row--warning.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-warning-background-hover)}.pds-table__row--critical.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-critical-background-hover)}.pds-table__row--discovery.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-discovery-background-hover)}.pds-table__sort-button{--sort-icon-inactive:var(--pds-color-interactive-foreground-inactive);align-items:center;background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-align:start}.pds-table__sort-icons{display:inline-flex;flex-direction:column;transform:scale(.8)}.pds-table__sort-button-top{color:var(--pds-color-interactive-foreground-current);line-height:0}.pds-table__sort-button-bottom,.pds-table__sort-button-top--desc,.pds-table__sort-button-top--inactive{color:var(--sort-icon-inactive)}.pds-table__sort-button-bottom{line-height:0;margin-block-start:-.5625rem}.pds-table__sort-button-bottom--desc{color:var(--pds-color-interactive-foreground-current)}
3
+ .pds-table-wrapper__table-area{border-start-end-radius:0}.pds-table__checkbox-cell{padding-inline:var(--pds-spacing-xs);text-align:center;width:2.5rem}.pds-table__empty-cell{border:none;padding:0}.pds-table__row--inspectable{cursor:pointer}.pds-table__row--inspectable:focus{outline:none}.pds-table__row--inspectable:focus-visible{outline:2px solid var(--pds-color-interactive-foreground-current);outline-offset:-2px}.pds-table__row--inspectable:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-table__row--inspected{background-color:var(--pds-color-interactive-background-selected)}.pds-table__row--info{background-color:var(--pds-color-status-info-background);box-shadow:inset 4px 0 0 var(--pds-color-status-info-fill)}.pds-table__row--success{background-color:var(--pds-color-status-success-background);box-shadow:inset 4px 0 0 var(--pds-color-status-success-fill)}.pds-table__row--warning{background-color:var(--pds-color-status-warning-background);box-shadow:inset 4px 0 0 var(--pds-color-status-warning-fill)}.pds-table__row--critical{background-color:var(--pds-color-status-critical-background);box-shadow:inset 4px 0 0 var(--pds-color-status-critical-fill)}.pds-table__row--discovery{background-color:var(--pds-color-status-discovery-background);box-shadow:inset 4px 0 0 var(--pds-color-status-discovery-fill)}.pds-table__row--info.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-info-background-hover)}.pds-table__row--success.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-success-background-hover)}.pds-table__row--warning.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-warning-background-hover)}.pds-table__row--critical.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-critical-background-hover)}.pds-table__row--discovery.pds-table__row--inspectable:hover{background-color:var(--pds-color-status-discovery-background-hover)}.pds-table__sort-button{--sort-icon-inactive:var(--pds-color-interactive-foreground-inactive);align-items:center;background-color:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-align:start}.pds-table__sort-icons{display:inline-flex;flex-direction:column;transform:scale(.8)}.pds-table__sort-button-top{color:var(--pds-color-interactive-foreground-current);line-height:0}.pds-table__sort-button-bottom,.pds-table__sort-button-top--desc,.pds-table__sort-button-top--inactive{color:var(--sort-icon-inactive)}.pds-table__sort-button-bottom{line-height:0;margin-block-start:-.5625rem}.pds-table__sort-button-bottom--desc{color:var(--pds-color-interactive-foreground-current)}}
package/dist/css/component-css/pds-tabs.css CHANGED
@@ -1 +1 @@
1
- .pds-tabs{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.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-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-interactive-background-current);font-weight:var(--pds-typography-fw-bold)}.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%}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-tabs{--tab-height:var(--pds-spacing-button-height-m);--tab-font-size:var(--pds-typography-size-m);--tab-gap:var(--pds-spacing-2xs)}.pds-tabs .pds-tabs__tab .pds-icon{height:var(--pds-typography-size-m);width:var(--pds-typography-size-m)}.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-2xs)}.pds-tabs__tab[aria-selected=true]{color:var(--pds-color-interactive-background-current);font-weight:var(--pds-typography-fw-bold)}.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-tag.css CHANGED
@@ -1 +1 @@
1
- .pds-tag{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground);--tag-focus-color:var(--pds-color-interactive-focus);--tag-height:var(--pds-spacing-button-height-s);--tag-padding-start:var(--pds-spacing-s);--tag-padding-end:var(--pds-spacing-s);--tag-gap:var(--pds-spacing-2xs);--tag-font-size:var(--pds-typography-size-s);--tag-icon-size:0.875rem;align-items:center;background-color:var(--tag-bg);border-radius:var(--pds-border-radius-button);color:var(--tag-fg);column-gap:var(--tag-gap);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tag-height);line-height:1;padding-inline-end:var(--tag-padding-end);padding-inline-start:var(--tag-padding-start);white-space:nowrap}.pds-tag.pds-tag--hide{display:none}.pds-tag .pds-tag__remove{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--tag-fg);cursor:pointer;display:flex;flex-shrink:0;height:var(--tag-icon-size);justify-content:center;opacity:60%;transition:opacity var(--pds-animation-duration-default) ease;width:var(--tag-icon-size)}.pds-tag .pds-tag__remove:hover{opacity:100%}.pds-tag .pds-tag__remove:focus-visible{opacity:1;outline:var(--pds-border-width-outline) solid var(--tag-focus-color);outline-offset:2px}.pds-tag .pds-tag__remove-icon{flex-grow:0;flex-shrink:0;height:var(--tag-icon-size)}.pds-tag--s{--tag-height:var(--pds-spacing-button-height-xs);--tag-padding-start:var(--pds-spacing-xs);--tag-padding-end:var(--pds-spacing-xs);--tag-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-icon-size:0.75rem}.pds-tag--xs{--tag-height:var(--pds-spacing-l);--tag-padding-start:var(--pds-spacing-2xs);--tag-padding-end:var(--pds-spacing-2xs);--tag-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-2xs);--tag-icon-size:0.625rem}a.pds-tag{color:var(--tag-fg);text-decoration:none}a.pds-tag:hover{color:var(--tag-fg);filter:brightness(.95)}a.pds-tag:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tag-group{display:flex;flex-wrap:wrap;gap:var(--pds-spacing-xs)}.pds-tag--orange{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground)}.pds-tag--stone{--tag-bg:var(--pds-color-tag-stone-background);--tag-fg:var(--pds-color-tag-stone-foreground)}.pds-tag--gold{--tag-bg:var(--pds-color-tag-gold-background);--tag-fg:var(--pds-color-tag-gold-foreground)}.pds-tag--lime{--tag-bg:var(--pds-color-tag-lime-background);--tag-fg:var(--pds-color-tag-lime-foreground)}.pds-tag--mint{--tag-bg:var(--pds-color-tag-mint-background);--tag-fg:var(--pds-color-tag-mint-foreground)}.pds-tag--teal{--tag-bg:var(--pds-color-tag-teal-background);--tag-fg:var(--pds-color-tag-teal-foreground)}.pds-tag--sky{--tag-bg:var(--pds-color-tag-sky-background);--tag-fg:var(--pds-color-tag-sky-foreground)}.pds-tag--slate{--tag-bg:var(--pds-color-tag-slate-background);--tag-fg:var(--pds-color-tag-slate-foreground)}.pds-tag--indigo{--tag-bg:var(--pds-color-tag-indigo-background);--tag-fg:var(--pds-color-tag-indigo-foreground)}.pds-tag--purple{--tag-bg:var(--pds-color-tag-purple-background);--tag-fg:var(--pds-color-tag-purple-foreground)}.pds-tag--magenta{--tag-bg:var(--pds-color-tag-magenta-background);--tag-fg:var(--pds-color-tag-magenta-foreground)}.pds-tag--rose{--tag-bg:var(--pds-color-tag-rose-background);--tag-fg:var(--pds-color-tag-rose-foreground)}.pds-tag--red{--tag-bg:var(--pds-color-tag-red-background);--tag-fg:var(--pds-color-tag-red-foreground)}.pds-tag--silver{--tag-bg:var(--pds-color-tag-silver-background);--tag-fg:var(--pds-color-tag-silver-foreground)}.pds-tag--orange-solid{--tag-bg:var(--pds-color-tag-orange-solid-background);--tag-fg:var(--pds-color-tag-orange-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--teal-solid{--tag-bg:var(--pds-color-tag-teal-solid-background);--tag-fg:var(--pds-color-tag-teal-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--indigo-solid{--tag-bg:var(--pds-color-tag-indigo-solid-background);--tag-fg:var(--pds-color-tag-indigo-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--magenta-solid{--tag-bg:var(--pds-color-tag-magenta-solid-background);--tag-fg:var(--pds-color-tag-magenta-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--rose-solid{--tag-bg:var(--pds-color-tag-rose-solid-background);--tag-fg:var(--pds-color-tag-rose-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--success-solid{--tag-bg:var(--pds-color-tag-success-solid-background);--tag-fg:var(--pds-color-tag-success-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--warning-solid{--tag-bg:var(--pds-color-tag-warning-solid-background);--tag-fg:var(--pds-color-tag-warning-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--critical-solid{--tag-bg:var(--pds-color-tag-critical-solid-background);--tag-fg:var(--pds-color-tag-critical-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--info-solid{--tag-bg:var(--pds-color-tag-info-solid-background);--tag-fg:var(--pds-color-tag-info-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--discovery-solid{--tag-bg:var(--pds-color-tag-discovery-solid-background);--tag-fg:var(--pds-color-tag-discovery-solid-foreground);--tag-focus-color:var(--tag-fg)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-tag{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground);--tag-focus-color:var(--pds-color-interactive-focus);--tag-height:var(--pds-spacing-button-height-s);--tag-padding-start:var(--pds-spacing-s);--tag-padding-end:var(--pds-spacing-s);--tag-gap:var(--pds-spacing-2xs);--tag-font-size:var(--pds-typography-size-s);--tag-icon-size:0.875rem;align-items:center;background-color:var(--tag-bg);border-radius:var(--pds-border-radius-button);color:var(--tag-fg);column-gap:var(--tag-gap);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--tag-height);line-height:1;padding-inline-end:var(--tag-padding-end);padding-inline-start:var(--tag-padding-start);white-space:nowrap}.pds-tag.pds-tag--hide{display:none}.pds-tag .pds-tag__remove{align-items:center;background-color:transparent;border:none;border-radius:50%;color:var(--tag-fg);cursor:pointer;display:flex;flex-shrink:0;height:var(--tag-icon-size);justify-content:center;opacity:60%;transition:opacity var(--pds-animation-duration-default) ease;width:var(--tag-icon-size)}.pds-tag .pds-tag__remove:hover{opacity:100%}.pds-tag .pds-tag__remove:focus-visible{opacity:1;outline:var(--pds-border-width-outline) solid var(--tag-focus-color);outline-offset:2px}.pds-tag .pds-tag__remove-icon{flex-grow:0;flex-shrink:0;height:var(--tag-icon-size)}.pds-tag--s{--tag-height:var(--pds-spacing-button-height-xs);--tag-padding-start:var(--pds-spacing-xs);--tag-padding-end:var(--pds-spacing-xs);--tag-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-icon-size:0.75rem}.pds-tag--xs{--tag-height:var(--pds-spacing-l);--tag-padding-start:var(--pds-spacing-2xs);--tag-padding-end:var(--pds-spacing-2xs);--tag-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-2xs);--tag-icon-size:0.625rem}a.pds-tag{color:var(--tag-fg);text-decoration:none}a.pds-tag:hover{color:var(--tag-fg);filter:brightness(.95)}a.pds-tag:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-tag-group{display:flex;flex-wrap:wrap;gap:var(--pds-spacing-xs)}.pds-tag--orange{--tag-bg:var(--pds-color-tag-orange-background);--tag-fg:var(--pds-color-tag-orange-foreground)}.pds-tag--stone{--tag-bg:var(--pds-color-tag-stone-background);--tag-fg:var(--pds-color-tag-stone-foreground)}.pds-tag--gold{--tag-bg:var(--pds-color-tag-gold-background);--tag-fg:var(--pds-color-tag-gold-foreground)}.pds-tag--lime{--tag-bg:var(--pds-color-tag-lime-background);--tag-fg:var(--pds-color-tag-lime-foreground)}.pds-tag--mint{--tag-bg:var(--pds-color-tag-mint-background);--tag-fg:var(--pds-color-tag-mint-foreground)}.pds-tag--teal{--tag-bg:var(--pds-color-tag-teal-background);--tag-fg:var(--pds-color-tag-teal-foreground)}.pds-tag--sky{--tag-bg:var(--pds-color-tag-sky-background);--tag-fg:var(--pds-color-tag-sky-foreground)}.pds-tag--slate{--tag-bg:var(--pds-color-tag-slate-background);--tag-fg:var(--pds-color-tag-slate-foreground)}.pds-tag--indigo{--tag-bg:var(--pds-color-tag-indigo-background);--tag-fg:var(--pds-color-tag-indigo-foreground)}.pds-tag--purple{--tag-bg:var(--pds-color-tag-purple-background);--tag-fg:var(--pds-color-tag-purple-foreground)}.pds-tag--magenta{--tag-bg:var(--pds-color-tag-magenta-background);--tag-fg:var(--pds-color-tag-magenta-foreground)}.pds-tag--rose{--tag-bg:var(--pds-color-tag-rose-background);--tag-fg:var(--pds-color-tag-rose-foreground)}.pds-tag--red{--tag-bg:var(--pds-color-tag-red-background);--tag-fg:var(--pds-color-tag-red-foreground)}.pds-tag--silver{--tag-bg:var(--pds-color-tag-silver-background);--tag-fg:var(--pds-color-tag-silver-foreground)}.pds-tag--orange-solid{--tag-bg:var(--pds-color-tag-orange-solid-background);--tag-fg:var(--pds-color-tag-orange-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--teal-solid{--tag-bg:var(--pds-color-tag-teal-solid-background);--tag-fg:var(--pds-color-tag-teal-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--indigo-solid{--tag-bg:var(--pds-color-tag-indigo-solid-background);--tag-fg:var(--pds-color-tag-indigo-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--magenta-solid{--tag-bg:var(--pds-color-tag-magenta-solid-background);--tag-fg:var(--pds-color-tag-magenta-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--rose-solid{--tag-bg:var(--pds-color-tag-rose-solid-background);--tag-fg:var(--pds-color-tag-rose-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--success-solid{--tag-bg:var(--pds-color-tag-success-solid-background);--tag-fg:var(--pds-color-tag-success-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--warning-solid{--tag-bg:var(--pds-color-tag-warning-solid-background);--tag-fg:var(--pds-color-tag-warning-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--critical-solid{--tag-bg:var(--pds-color-tag-critical-solid-background);--tag-fg:var(--pds-color-tag-critical-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--info-solid{--tag-bg:var(--pds-color-tag-info-solid-background);--tag-fg:var(--pds-color-tag-info-solid-foreground);--tag-focus-color:var(--tag-fg)}.pds-tag--discovery-solid{--tag-bg:var(--pds-color-tag-discovery-solid-background);--tag-fg:var(--pds-color-tag-discovery-solid-foreground);--tag-focus-color:var(--tag-fg)}}
package/dist/css/component-css/pds-tags-input.css CHANGED
@@ -1 +1 @@
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-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);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-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.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(--wrapper-gap)/-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(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);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-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.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);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.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__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.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)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.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-foreground-default-secondary);--tag-selected-outline:var(--pds-border-width-default) solid var(--pds-color-input-tag-outline-active);--wrapper-padding:var(--pds-spacing-3xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-4xs);--tag-padding-inline-end:var(--pds-spacing-3xs);--tag-padding-inline-start:var(--pds-spacing-3xs);--tag-remove-size:0.75rem;--tag-grip-size:0.625rem}.pds-tags-input__input-wrapper{align-items:flex-start;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap);padding:var(--wrapper-padding);transition:var(--pds-animation-transition-input)}.pds-tags-input__input-wrapper:has(.pds-tags-input__input:focus){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-tags-input__tags{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wrapper-gap)}.pds-tags-input__tag{align-items:center;background-color:var(--tag-background);border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--tag-text-color);cursor:grab;display:inline-flex;font-size:var(--tag-font-size);font-weight:var(--pds-typography-fw-regular);gap:var(--tag-inner-gap);line-height:1;padding-block:var(--tag-padding-block);padding-inline:var(--tag-padding-inline-start) var(--tag-padding-inline-end);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-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.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(--wrapper-gap)/-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(--wrapper-gap)/-2 - 1px)}.pds-tags-input__tag-grip{align-items:center;color:var(--pds-color-foreground-default-secondary);cursor:grab;display:flex;margin-inline-start:calc(var(--pds-spacing-6xs)*-1);opacity:.6;touch-action:none;transition:color .2s ease,opacity .2s ease}.pds-tags-input__tag-grip svg{height:var(--tag-grip-size);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-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:var(--tag-remove-size);justify-content:center;padding:0;transition:color .2s ease;width:var(--tag-remove-size)}.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);outline-offset:1px;transition:var(--pds-animation-transition-button)}.pds-tags-input__tag-remove-icon{color:var(--pds-color-foreground-default-secondary);flex-grow:0;flex-shrink:0;height:var(--tag-remove-size);transition:color .2s ease,opacity .2s ease;width:var(--tag-remove-size)}.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__input{background:none;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex:1 1 auto;font-size:var(--pds-typography-size-s);height:calc(var(--tag-padding-block)*2 + var(--tag-font-size));line-height:1;min-width:3rem;outline:none;padding-block:0;padding-inline:var(--pds-spacing-3xs)}.pds-tags-input__input::placeholder{color:var(--pds-color-input-placeholder)}.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)}.pds-tags-input--m{--wrapper-padding:var(--pds-spacing-2xs);--wrapper-gap:var(--pds-spacing-3xs);--tag-font-size:var(--pds-typography-size-xs);--tag-inner-gap:var(--pds-spacing-3xs);--tag-padding-block:var(--pds-spacing-3xs);--tag-padding-inline-end:var(--pds-spacing-2xs);--tag-padding-inline-start:var(--pds-spacing-2xs);--tag-remove-size:0.75rem;--tag-grip-size:0.75rem}}
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;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}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.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-text-input.css CHANGED
@@ -1 +1 @@
1
- .pds-text-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-text-input__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);transition:var(--pds-animation-transition-input)}.pds-text-input__input-wrapper:focus-within{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-text-input--m .pds-text-input__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-text-input__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-text-input__input:focus{outline:none}.pds-text-input__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-text-input__visibility-toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-text-input__visibility-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-text-input__visibility-toggle:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-text-input__url-prefix{align-items:center;background:var(--pds-color-surface-default-secondary);border-right:var(--pds-border-width-default) solid var(--pds-color-border-input);color:var(--pds-color-foreground-default-secondary);display:flex;font-size:var(--pds-typography-size-s);height:100%;padding-inline:var(--pds-spacing-s);user-select:none}.pds-text-input__input-wrapper--has-prefix{overflow:hidden;padding-left:0}.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--error,.pds-text-input__input-wrapper--has-prefix .pds-input-prefix--success{display:none}}
package/dist/css/component-css/pds-textarea.css CHANGED
@@ -1 +1 @@
1
- .pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-l);padding:var(--pds-spacing-xs);resize:none}.pds-textarea--textarea:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-textarea--m .pds-textarea--textarea{padding:var(--pds-spacing-s)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-textarea__input-wrapper{display:flex}.pds-textarea--textarea{background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-l);padding:var(--pds-spacing-xs);resize:none}.pds-textarea--textarea:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-textarea--textarea::placeholder{color:var(--pds-color-input-placeholder)}.pds-textarea--textarea.pds-is-resizable{resize:vertical}.pds-textarea__inputlabel{flex-grow:1}.pds-textarea__inputlabel-wrapper{align-items:center;display:flex;position:relative}.pds-textarea--m .pds-textarea--textarea{padding:var(--pds-spacing-s)}}
package/dist/css/component-css/pds-theme-switcher.css CHANGED
@@ -1 +1 @@
1
- .pds-theme-switcher{transition:var(--pds-animation-transition-link)}.pds-theme-switcher button.pds-menu-button__trigger--icon-only[aria-expanded=true],.pds-theme-switcher button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:transparent;color:var(--pds-color-interactive-foreground-hover);cursor:pointer}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-theme-switcher{transition:var(--pds-animation-transition-link)}.pds-theme-switcher button.pds-menu-button__trigger--icon-only[aria-expanded=true],.pds-theme-switcher button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:transparent;color:var(--pds-color-interactive-foreground-hover);cursor:pointer}}
package/dist/css/component-css/pds-toaster.css CHANGED
@@ -1 +1 @@
1
- :root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);padding:var(--pds-spacing-m)}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar--wrp{height:.2125rem}.pds-toaster .Toastify__progress-bar,.pds-toaster .Toastify__progress-bar--bg{background:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent)}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__pause-button{align-items:center;align-self:center;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:var(--pds-spacing-l);justify-content:center;width:var(--pds-spacing-l)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-xs)}.pds-toast{color:var(--pds-color-foreground-default);flex:1 1 auto;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s);min-width:0}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-toast__icon--info{color:var(--pds-color-status-info-fill)}.pds-toast__icon--success{color:var(--pds-color-status-success-fill)}.pds-toast__icon--warning{color:var(--pds-color-status-warning-fill)}.pds-toast__icon--critical{color:var(--pds-color-status-critical-fill)}.pds-toast--bounceInPlace{animation:bounceInPlace .5s ease;animation-fill-mode:both}@keyframes bounceInPlace{0%{transform:translateX(0)}20%{transform:translateX(-20px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}.pds-toast--slideOut{animation:slideOut .7s ease;animation-fill-mode:both}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(120%,0,0);visibility:hidden}}@media (prefers-reduced-motion:reduce){[class*=Toastify__slide-enter],[class*=Toastify__slide-exit]{animation:none!important;transition:none!important}.pds-toast--bounceInPlace,.pds-toast--slideOut{animation:none!important}}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{:root{--toastify-toast-min-height:2rem;--toastify-toast-width:22rem;--toastify-font-family:var(--pds-typography-ff-default)}.pds-toaster .Toastify__toast{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);padding:var(--pds-spacing-m)}.pds-toaster .Toastify__toast-body{margin:0;padding:0}.pds-toaster .Toastify__progress-bar--wrp{height:.2125rem}.pds-toaster .Toastify__progress-bar,.pds-toaster .Toastify__progress-bar--bg{background:color-mix(in oklch,var(--pds-color-foreground-default) 25%,transparent)}.pds-toaster .pds-toast__close-button,.pds-toaster .pds-toast__pause-button{align-self:flex-start;color:var(--pds-color-foreground-default-secondary);margin-block-start:.0625rem;padding:0}.pds-toaster .pds-toast__close-button:hover,.pds-toaster .pds-toast__pause-button:hover{background-color:color-mix(in oklch,var(--pds-color-foreground-default) 15%,transparent)}.pds-toaster .pds-toast__pause-button{align-items:center;align-self:center;background-color:transparent;border:none;border-radius:.25rem;cursor:pointer;display:flex;height:var(--pds-spacing-l);justify-content:center;width:var(--pds-spacing-l)}.pds-toaster .pds-toast__close-button{margin-inline-start:var(--pds-spacing-xs)}.pds-toast{color:var(--pds-color-foreground-default);flex:1 1 auto;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-s);min-width:0}.pds-toast,.pds-toast__icon-container{align-items:center;display:flex}.pds-toast__message{color:var(--pds-color-foreground-default);flex:1;font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m);min-width:0}.pds-toast__message a{color:var(--pds-color-interactive-link-default);text-decoration:underline}.pds-toast__message a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:none}.pds-toast__icon--info{color:var(--pds-color-status-info-fill)}.pds-toast__icon--success{color:var(--pds-color-status-success-fill)}.pds-toast__icon--warning{color:var(--pds-color-status-warning-fill)}.pds-toast__icon--critical{color:var(--pds-color-status-critical-fill)}.pds-toast--bounceInPlace{animation:bounceInPlace .5s ease;animation-fill-mode:both}@keyframes bounceInPlace{0%{transform:translateX(0)}20%{transform:translateX(-20px)}40%{transform:translateX(10px)}60%{transform:translateX(-5px)}80%{transform:translateX(0)}}.pds-toast--slideOut{animation:slideOut .7s ease;animation-fill-mode:both}@keyframes slideOut{0%{transform:translateZ(0)}to{transform:translate3d(120%,0,0);visibility:hidden}}@media (prefers-reduced-motion:reduce){[class*=Toastify__slide-enter],[class*=Toastify__slide-exit]{animation:none!important;transition:none!important}.pds-toast--bounceInPlace,.pds-toast--slideOut{animation:none!important}}}
package/dist/css/component-css/pds-tooltip.css CHANGED
@@ -1 +1 @@
1
- .pds-tooltip,.pds-tooltip__trigger{align-items:center;display:inline-flex}.pds-tooltip__trigger{background-color:transparent;border:none;border-radius:100%;cursor:pointer;line-height:0;padding:var(--pds-spacing-5xs)}.pds-tooltip__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-border-width-outline)}.pds-tooltip__trigger--default{color:var(--pds-color-foreground-default)}.pds-tooltip__trigger--default-secondary{color:var(--pds-color-foreground-default-secondary)}.pds-tooltip__trigger--critical{color:var(--pds-color-status-critical-foreground)}.pds-tooltip__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block;padding-block-end:var(--pds-spacing-3xs)}.pds-tooltip__container{background-color:var(--pds-color-surface-reverse);border-radius:var(--pds-border-radius-container);box-shadow:0 4px 12px 0 rgba(0,0,0,.2);color:var(--pds-color-foreground-reverse);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);max-width:var(--pds-container-tooltip-max-width);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs);width:max-content}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-tooltip,.pds-tooltip__trigger{align-items:center;display:inline-flex}.pds-tooltip__trigger{background-color:transparent;border:none;border-radius:100%;cursor:pointer;line-height:0;padding:var(--pds-spacing-5xs)}.pds-tooltip__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-border-width-outline)}.pds-tooltip__trigger--default{color:var(--pds-color-foreground-default)}.pds-tooltip__trigger--default-secondary{color:var(--pds-color-foreground-default-secondary)}.pds-tooltip__trigger--critical{color:var(--pds-color-status-critical-foreground)}.pds-tooltip__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block;padding-block-end:var(--pds-spacing-3xs)}.pds-tooltip__container{background-color:var(--pds-color-surface-reverse);border-radius:var(--pds-border-radius-container);box-shadow:0 4px 12px 0 rgba(0,0,0,.2);color:var(--pds-color-foreground-reverse);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);max-width:var(--pds-container-tooltip-max-width);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs);width:max-content}}
package/dist/css/component-css/pds-tree-nav.css CHANGED
@@ -1 +1 @@
1
- .pds-tree-nav{--toggle-col:1rem;--hover-color:var(--pds-color-interactive-foreground-hover);--active-color:var(--pds-color-interactive-foreground-active);font-family:var(--pds-typography-ff-default);outline:none}.pds-tree-nav,.pds-tree-nav a{color:var(--pds-color-foreground-default)}.pds-tree-nav a{text-decoration:none}.pds-tree-nav 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-tree-nav a:hover{color:var(--hover-color)}.pds-tree-nav .pds-icon{pointer-events:none}h2.pds-tree-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-tree-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-tree-nav__item{line-height:var(--pds-typography-lh-m);list-style-type:none}.pds-tree-nav__item:not(:has(.pds-tree-nav__item-wrapper))>a{display:block;padding-inline-start:calc(var(--toggle-col) + var(--pds-spacing-4xs))}.pds-tree-nav__item-wrapper{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-tree-nav__menu--fourth-level,.pds-tree-nav__menu--second-level,.pds-tree-nav__menu--third-level{display:none;margin-inline-start:var(--pds-spacing-m)}.pds-tree-nav__menu--fourth-level.pds-tree-nav__menu--expanded,.pds-tree-nav__menu--second-level.pds-tree-nav__menu--expanded,.pds-tree-nav__menu--third-level.pds-tree-nav__menu--expanded{display:flex;margin-block-start:var(--pds-spacing-s);row-gap:var(--pds-spacing-s)}.pds-tree-nav__item--active>.pds-tree-nav__item-wrapper>a,.pds-tree-nav__item--active>a{color:var(--active-color)}.pds-tree-nav__item--active:not(:has(.pds-tree-nav__item--active)){position:relative}.pds-tree-nav__item--active:not(:has(.pds-tree-nav__item--active)):before{background-color:var(--active-color);border-radius:var(--pds-border-radius-container);content:"";height:1rem;inset-block-start:50%;inset-inline-start:.5625rem;position:absolute;transform:translateY(-50%);width:.1875rem}.pds-tree-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex:0 0 var(--toggle-col);justify-content:center;padding:0}.pds-tree-nav__toggle:hover{color:var(--hover-color)}.pds-tree-nav__toggle:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-tree-nav__toggle .pds-icon{transform:rotate(-90deg);transition:var(--pds-animation-transition-button)}.pds-tree-nav__toggle--expanded .pds-icon{transform:rotate(0deg);transition:var(--pds-animation-transition-button)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-tree-nav{--toggle-col:1rem;--hover-color:var(--pds-color-interactive-foreground-hover);--active-color:var(--pds-color-interactive-foreground-active);font-family:var(--pds-typography-ff-default);outline:none}.pds-tree-nav,.pds-tree-nav a{color:var(--pds-color-foreground-default)}.pds-tree-nav a{text-decoration:none}.pds-tree-nav 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-tree-nav a:hover{color:var(--hover-color)}.pds-tree-nav .pds-icon{pointer-events:none}h2.pds-tree-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-tree-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-tree-nav__item{line-height:var(--pds-typography-lh-m);list-style-type:none}.pds-tree-nav__item:not(:has(.pds-tree-nav__item-wrapper))>a{display:block;padding-inline-start:calc(var(--toggle-col) + var(--pds-spacing-4xs))}.pds-tree-nav__item-wrapper{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-tree-nav__menu--fourth-level,.pds-tree-nav__menu--second-level,.pds-tree-nav__menu--third-level{display:none;margin-inline-start:var(--pds-spacing-m)}.pds-tree-nav__menu--fourth-level.pds-tree-nav__menu--expanded,.pds-tree-nav__menu--second-level.pds-tree-nav__menu--expanded,.pds-tree-nav__menu--third-level.pds-tree-nav__menu--expanded{display:flex;margin-block-start:var(--pds-spacing-s);row-gap:var(--pds-spacing-s)}.pds-tree-nav__item--active>.pds-tree-nav__item-wrapper>a,.pds-tree-nav__item--active>a{color:var(--active-color)}.pds-tree-nav__item--active:not(:has(.pds-tree-nav__item--active)){position:relative}.pds-tree-nav__item--active:not(:has(.pds-tree-nav__item--active)):before{background-color:var(--active-color);border-radius:var(--pds-border-radius-container);content:"";height:1rem;inset-block-start:50%;inset-inline-start:.5625rem;position:absolute;transform:translateY(-50%);width:.1875rem}.pds-tree-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;flex:0 0 var(--toggle-col);justify-content:center;padding:0}.pds-tree-nav__toggle:hover{color:var(--hover-color)}.pds-tree-nav__toggle:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-tree-nav__toggle .pds-icon{transform:rotate(-90deg);transition:var(--pds-animation-transition-button)}.pds-tree-nav__toggle--expanded .pds-icon{transform:rotate(0deg);transition:var(--pds-animation-transition-button)}}
package/dist/css/component-css/pds-user-menu-story-only.css CHANGED
@@ -1 +1 @@
1
- @media (min-width:641px){#user-menu-demo{min-height:14rem;padding-inline-start:13rem}}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{@media (min-width:641px){#user-menu-demo{min-height:14rem;padding-inline-start:13rem}}}
package/dist/css/component-css/pds-user-menu.css CHANGED
@@ -1,4 +1,4 @@
1
- .pds-user-menu{align-items:center;display:flex;position:relative}.pds-user-menu__trigger{background-color:transparent;border:none;line-height:0;padding:0}.pds-user-menu__trigger:hover{cursor:pointer}.pds-user-menu__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__trigger:focus-visible{outline:none}.pds-user-menu__trigger:focus-visible .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-user-menu__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:22.5rem;width:max-content}.pds-user-menu__dropdown:focus{outline:none}.pds-user-menu__menu{display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);list-style:none;margin:0;padding:var(--pds-spacing-2xs)}.pds-user-menu__user-details{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-user-menu__user-email{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-user-menu__theme-row{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);column-gap:var(--pds-spacing-2xs);display:flex;justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-xs) var(--pds-spacing-3xs)}ul.pds-user-menu__menu [role=separator]{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-user-menu__icon{margin-inline-start:auto}.pds-user-menu__item{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-2xs);display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-user-menu__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-user-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground);cursor:pointer;outline:none}.pds-user-menu__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-user-menu__item.pds-user-menu__item--disabled{background-color:transparent;cursor:not-allowed;opacity:.5}.pds-user-menu__item a{text-decoration:none}.pds-user-menu__item a,.pds-user-menu__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-user-menu__item a:focus-visible{outline:none}.pds-user-menu__toggle-left{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-user-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-nav-accordion{display:block;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu{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;width:100vw}[data-pds-mobile]
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-user-menu{align-items:center;display:flex;position:relative}.pds-user-menu__trigger{background-color:transparent;border:none;line-height:0;padding:0}.pds-user-menu__trigger:hover{cursor:pointer}.pds-user-menu__trigger:hover .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__trigger:focus-visible{outline:none}.pds-user-menu__trigger:focus-visible .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-user-menu__trigger[aria-expanded=true] .pds-avatar__content{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-foreground-hover);outline-offset:2px}.pds-user-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:22.5rem;width:max-content}.pds-user-menu__dropdown:focus{outline:none}.pds-user-menu__menu{display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);list-style:none;margin:0;padding:var(--pds-spacing-2xs)}.pds-user-menu__user-details{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-user-menu__user-email{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s)}.pds-user-menu__theme-row{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);column-gap:var(--pds-spacing-2xs);display:flex;justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-xs) var(--pds-spacing-3xs)}ul.pds-user-menu__menu [role=separator]{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-user-menu__icon{margin-inline-start:auto}.pds-user-menu__item{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-2xs);display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs)}.pds-user-menu__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-user-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground);cursor:pointer;outline:none}.pds-user-menu__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-user-menu__item.pds-user-menu__item--disabled{background-color:transparent;cursor:not-allowed;opacity:.5}.pds-user-menu__item a{text-decoration:none}.pds-user-menu__item a,.pds-user-menu__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-user-menu__item a:focus-visible{outline:none}.pds-user-menu__toggle-left{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-user-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu .pds-nav-accordion{display:block;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu__trigger{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-user-menu{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;width:100vw}[data-pds-mobile]
2
2
  .pds-navbar__mobile
3
3
  .pds-user-menu
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]
@@ -29,4 +29,4 @@
29
29
  .pds-navbar__mobile
30
30
  .pds-user-menu
31
31
  .pds-user-menu__menu--mobile
32
- 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}
32
+ 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}}
package/dist/css/component-css/pds-utility-bar.css CHANGED
@@ -1 +1 @@
1
- .pds-utility-bar{--utility-bar-padding:0;--utility-bar-gap:var(--pds-spacing-m);background-color:transparent;border-radius:var(--pds-border-radius-card);container-type:inline-size;padding:var(--utility-bar-padding)}.pds-utility-bar__layout{align-items:center;display:flex;gap:var(--utility-bar-gap);justify-content:space-between;width:100%}.pds-utility-bar__items-left,.pds-utility-bar__items-right{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-utility-bar--pad-condensed{--utility-bar-padding:var(--pds-spacing-xs)}.pds-utility-bar--pad-standard{--utility-bar-padding:var(--pds-spacing-s)}.pds-utility-bar--pad-spacious{--utility-bar-padding:var(--pds-spacing-m)}.pds-utility-bar--bg-default{background-color:var(--pds-color-surface-default)}.pds-utility-bar--bg-default-secondary{background-color:var(--pds-color-surface-default-secondary)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-utility-bar{--utility-bar-padding:0;--utility-bar-gap:var(--pds-spacing-m);background-color:transparent;border-radius:var(--pds-border-radius-card);container-type:inline-size;padding:var(--utility-bar-padding)}.pds-utility-bar__layout{align-items:center;display:flex;gap:var(--utility-bar-gap);justify-content:space-between;width:100%}.pds-utility-bar__items-left,.pds-utility-bar__items-right{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-utility-bar--pad-condensed{--utility-bar-padding:var(--pds-spacing-xs)}.pds-utility-bar--pad-standard{--utility-bar-padding:var(--pds-spacing-s)}.pds-utility-bar--pad-spacious{--utility-bar-padding:var(--pds-spacing-m)}.pds-utility-bar--bg-default{background-color:var(--pds-color-surface-default)}.pds-utility-bar--bg-default-secondary{background-color:var(--pds-color-surface-default-secondary)}}
package/dist/css/component-css/pds-utility-button.css CHANGED
@@ -1,3 +1,3 @@
1
- .pds-utility-button{--utility-button-color:var(--pds-color-foreground-default);align-items:center;display:inline-flex;height:var(--pds-spacing-button-height-s);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-3xs);cursor:pointer;display:flex;height:var(--pds-spacing-button-height-s);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:calc(var(--pds-spacing-m)*.875)}.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)
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(--pds-spacing-button-height-s);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-3xs);cursor:pointer;display:flex;height:var(--pds-spacing-button-height-s);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:calc(var(--pds-spacing-m)*.875)}.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
- .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)}
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)}}
package/dist/css/component-css/pds-vertical-empty-state.css CHANGED
@@ -1 +1 @@
1
- .pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-vertical-empty-state{color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-m);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-vertical-empty-state>*{margin-inline:auto}.pds-vertical-empty-state__image{filter:brightness(0)}[data-theme=dark] .pds-vertical-empty-state__image{filter:brightness(0) invert(1)}.pds-vertical-empty-state__heading{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);margin-block-end:0}.pds-vertical-empty-state__text{align-items:center;display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}.pds-vertical-empty-state__message{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-l);max-width:600px;text-wrap:pretty}.pds-vertical-empty-state__message :last-child{margin-block-end:0}.pds-vertical-empty-state__cta{padding-block-start:var(--pds-spacing-xl)}.pds-vertical-empty-state__cta .pds-button-group{justify-content:center}}
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-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)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.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/component-css/pds-video-embed.css CHANGED
@@ -1 +1 @@
1
- .pds-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.pds-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.pds-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}}
package/dist/css/component-css/pds-workspace-selector.css CHANGED
@@ -1,4 +1,4 @@
1
- .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-foreground-default);column-gap: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)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.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
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)}@media (min-width:768px) and (max-width:1279px){.pds-workspace-selector__name{display:none}}.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
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]
3
3
  .pds-navbar__mobile
4
4
  .pds-workspace-selector
@@ -23,4 +23,4 @@
23
23
  .pds-dropdown__item{border-radius:0;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl) var(--pds-spacing-2xl)}[data-pds-mobile]
24
24
  .pds-navbar__mobile
25
25
  .pds-workspace-selector
26
- .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;margin-inline:0;padding-block:var(--pds-spacing-2xs) var(--pds-spacing-l);padding-inline:var(--pds-spacing-xl)}
26
+ .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;margin-inline:0;padding-block:var(--pds-spacing-2xs) var(--pds-spacing-l);padding-inline:var(--pds-spacing-xl)}}