@pantheon-systems/pds-toolkit-react 2.0.0-alpha.7 → 2.0.0-alpha.71

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 (403) hide show
  1. package/bin/pds-codemod.cjs +58 -0
  2. package/codemods/v1-to-v2/css-token-renames.js +186 -0
  3. package/codemods/v1-to-v2/mappings.json +1787 -0
  4. package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/basic.input.tsx +33 -0
  5. package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/basic.output.tsx +33 -0
  6. package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/only.input.tsx +8 -0
  7. package/codemods/v1-to-v2/transforms/__testfixtures__/component-renames/only.output.tsx +8 -0
  8. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.input.tsx +55 -0
  9. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.output.tsx +55 -0
  10. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.input.tsx +60 -0
  11. package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.output.tsx +60 -0
  12. package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/basic.input.tsx +35 -0
  13. package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/basic.output.tsx +35 -0
  14. package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/only.input.tsx +8 -0
  15. package/codemods/v1-to-v2/transforms/__testfixtures__/icon-name-updates/only.output.tsx +8 -0
  16. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/basic.input.tsx +28 -0
  17. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/basic.output.tsx +28 -0
  18. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/only.input.tsx +8 -0
  19. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-renames/only.output.tsx +8 -0
  20. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/basic.input.tsx +37 -0
  21. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/basic.output.tsx +37 -0
  22. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/only.input.tsx +21 -0
  23. package/codemods/v1-to-v2/transforms/__testfixtures__/prop-value-standardization/only.output.tsx +21 -0
  24. package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/basic.input.tsx +60 -0
  25. package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/basic.output.tsx +51 -0
  26. package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/only.input.tsx +8 -0
  27. package/codemods/v1-to-v2/transforms/__testfixtures__/removed-prop-values/only.output.tsx +8 -0
  28. package/codemods/v1-to-v2/transforms/__tests__/component-renames.test.js +15 -0
  29. package/codemods/v1-to-v2/transforms/__tests__/css-class-removals.test.js +6 -0
  30. package/codemods/v1-to-v2/transforms/__tests__/css-class-renames.test.js +6 -0
  31. package/codemods/v1-to-v2/transforms/__tests__/icon-name-updates.test.js +15 -0
  32. package/codemods/v1-to-v2/transforms/__tests__/prop-renames.test.js +15 -0
  33. package/codemods/v1-to-v2/transforms/__tests__/prop-value-standardization.test.js +16 -0
  34. package/codemods/v1-to-v2/transforms/__tests__/removed-prop-values.test.js +15 -0
  35. package/codemods/v1-to-v2/transforms/component-renames.js +166 -0
  36. package/codemods/v1-to-v2/transforms/css-class-removals.js +262 -0
  37. package/codemods/v1-to-v2/transforms/css-class-renames.js +178 -0
  38. package/codemods/v1-to-v2/transforms/icon-name-updates.js +124 -0
  39. package/codemods/v1-to-v2/transforms/prop-renames.js +109 -0
  40. package/codemods/v1-to-v2/transforms/prop-value-standardization.js +143 -0
  41. package/codemods/v1-to-v2/transforms/removed-prop-values.js +206 -0
  42. package/dist/components/Avatar/Avatar.d.ts +5 -1
  43. package/dist/components/Callout/Callout.d.ts +6 -2
  44. package/dist/components/CodeBlock/CodeBlock.d.ts +10 -5
  45. package/dist/components/CodeBlock/code-examples.d.ts +2 -1
  46. package/dist/components/CodeBlock/prism-setup.d.ts +2 -0
  47. package/dist/components/CodeBlock/themes/index.d.ts +1 -2
  48. package/dist/components/CodeBlock/themes/{pdsDark.d.ts → pds.d.ts} +1 -1
  49. package/dist/components/ComparisonList/ComparisonList.d.ts +6 -1
  50. package/dist/components/Dropdown/Dropdown.d.ts +192 -0
  51. package/dist/components/Dropdown/DropdownSelectedIcon.d.ts +7 -0
  52. package/dist/components/FileDiff/FileDiff.d.ts +2 -2
  53. package/dist/components/IdentityBlock/IdentityBlock.d.ts +37 -0
  54. package/dist/components/PantheonLogo/PantheonLogo.d.ts +5 -4
  55. package/dist/components/Popover/Popover.d.ts +5 -1
  56. package/dist/components/ResultCount/ResultCount.d.ts +53 -0
  57. package/dist/components/SiteFooter/SiteFooter.d.ts +45 -0
  58. package/dist/components/{navigation/DashboardSearch/DashboardSearch.d.ts → SiteSearch/SiteSearch.d.ts} +6 -11
  59. package/dist/components/SortableList/SortableList.d.ts +8 -0
  60. package/dist/components/SortableList/SortableListHeader.d.ts +7 -0
  61. package/dist/components/SortableList/SortableRow.d.ts +16 -0
  62. package/dist/components/SortableList/sortable-utils.d.ts +19 -0
  63. package/dist/components/SortableList/types.d.ts +142 -0
  64. package/dist/components/SortableList/useSortableTree.d.ts +18 -0
  65. package/dist/components/{RefreshChecker/RefreshChecker.d.ts → StatusChecker/StatusChecker.d.ts} +6 -19
  66. package/dist/components/StatusIndicator/StatusIndicator.d.ts +7 -4
  67. package/dist/components/Table/Table.d.ts +290 -17
  68. package/dist/components/TableOfContents/TableOfContents.d.ts +1 -5
  69. package/dist/components/Tag/Tag.d.ts +21 -3
  70. package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +29 -8
  71. package/dist/components/Tooltip/Tooltip.d.ts +6 -2
  72. package/dist/components/UtilityBar/UtilityBar.d.ts +26 -0
  73. package/dist/components/badges/Badge/Badge.d.ts +1 -1
  74. package/dist/components/badges/StatusBadge/StatusBadge.d.ts +2 -1
  75. package/dist/components/buttons/Button/Button.d.ts +15 -0
  76. package/dist/components/buttons/ButtonLink/ButtonLink.d.ts +1 -3
  77. package/dist/components/buttons/ClipboardButton/ClipboardButton.d.ts +5 -1
  78. package/dist/components/buttons/CloseButton/CloseButton.d.ts +4 -4
  79. package/dist/components/buttons/FilterButton/FilterButton.d.ts +92 -0
  80. package/dist/components/buttons/IconButton/IconButton.d.ts +12 -0
  81. package/dist/components/buttons/MenuButton/MenuButton.d.ts +24 -17
  82. package/dist/components/buttons/SSOButton/SSOButton.d.ts +9 -1
  83. package/dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +44 -8
  84. package/dist/components/cards/ActionCard/ActionCard.d.ts +64 -0
  85. package/dist/components/cards/Card/Card.d.ts +10 -4
  86. package/dist/components/cards/CardSelect/CardSelect.d.ts +100 -0
  87. package/dist/components/charts/BarChart/BarChart.d.ts +21 -0
  88. package/dist/components/charts/LineChart/LineChart.d.ts +22 -0
  89. package/dist/components/charts/PieChart/PieChart.d.ts +59 -0
  90. package/dist/components/charts/ProportionBar/ProportionBar.d.ts +57 -0
  91. package/dist/components/charts/shared/ChartAccessibleTable.d.ts +17 -0
  92. package/dist/components/charts/shared/ChartLegend.d.ts +31 -0
  93. package/dist/components/charts/shared/ChartSkeleton.d.ts +11 -0
  94. package/dist/components/charts/shared/chart-colors.d.ts +30 -0
  95. package/dist/components/charts/shared/chart-styles.d.ts +24 -0
  96. package/dist/components/charts/shared/formatters.d.ts +12 -0
  97. package/dist/components/charts/shared/types.d.ts +128 -0
  98. package/dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +13 -8
  99. package/dist/components/icons/Icon/Icon.d.ts +2 -2
  100. package/dist/components/icons/Icon/custom-icons.d.ts +1 -1
  101. package/dist/components/icons/Icon/generated-icon-data.d.ts +212 -16
  102. package/dist/components/icons/PaymentIcon/PaymentIcon.d.ts +7 -3
  103. package/dist/components/icons/PlatformIcon/PlatformIcon.d.ts +6 -6
  104. package/dist/components/inputs/Checkbox/Checkbox.d.ts +3 -3
  105. package/dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +9 -1
  106. package/dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +9 -1
  107. package/dist/components/inputs/Combobox/Combobox.d.ts +17 -7
  108. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +10 -5
  109. package/dist/components/inputs/Datepicker/Datepicker.d.ts +217 -14
  110. package/dist/components/inputs/FileUpload/FileUpload.d.ts +6 -1
  111. package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +10 -2
  112. package/dist/components/inputs/Select/Select.d.ts +11 -2
  113. package/dist/components/inputs/Switch/Switch.d.ts +5 -5
  114. package/dist/components/inputs/TagsInput/TagsInput.d.ts +6 -1
  115. package/dist/components/inputs/TextInput/TextInput.d.ts +4 -4
  116. package/dist/components/inputs/Textarea/Textarea.d.ts +2 -2
  117. package/dist/components/inputs/Timepicker/Timepicker.d.ts +94 -0
  118. package/dist/components/inputs/input-utilities.d.ts +12 -2
  119. package/dist/components/{CTALink → links/CTALink}/CTALink.d.ts +1 -1
  120. package/dist/components/{LinkNewWindow → links/LinkNewWindow}/LinkNewWindow.d.ts +1 -1
  121. package/dist/components/loading-indicators/Spinner/Spinner.d.ts +5 -4
  122. package/dist/components/navigation/ButtonNav/ButtonNav.d.ts +11 -5
  123. package/dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -0
  124. package/dist/components/navigation/Navbar/Navbar.d.ts +9 -21
  125. package/dist/components/navigation/SideNav/SideNav.d.ts +7 -1
  126. package/dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +5 -15
  127. package/dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +15 -1
  128. package/dist/components/navigation/SiteMenu/SiteMenu.d.ts +26 -0
  129. package/dist/components/navigation/SiteMenu/SiteMenuDropdown.d.ts +23 -0
  130. package/dist/components/navigation/TreeNav/TreeNav.d.ts +48 -0
  131. package/dist/components/navigation/UserMenu/UserMenu.d.ts +20 -5
  132. package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +2 -16
  133. package/dist/components/navigation/navigation-utilities.d.ts +12 -0
  134. package/dist/components/notifications/Toaster/Toast.d.ts +12 -1
  135. package/dist/components/notifications/Toaster/Toaster.d.ts +16 -7
  136. package/dist/components/notifications/Toaster/useToast.d.ts +2 -0
  137. package/dist/components/overlays/Drawer/Drawer.d.ts +58 -0
  138. package/dist/components/overlays/FullScreenOverlay/FullScreenOverlay.d.ts +45 -0
  139. package/dist/components/{Modal → overlays/Modal}/Modal.d.ts +2 -2
  140. package/dist/components/{Pagination → pagination/Pagination}/Pagination.d.ts +7 -2
  141. package/dist/components/pagination/PaginationChapter/PaginationChapter.d.ts +55 -0
  142. package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts +62 -0
  143. package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +1 -2
  144. package/dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +1 -2
  145. package/dist/components/panels/Panel/Panel.d.ts +4 -21
  146. package/dist/components/panels/PanelList/PanelList.d.ts +1 -1
  147. package/dist/components/panels/PanelStack/PanelStack.d.ts +19 -0
  148. package/dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +4 -5
  149. package/dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +12 -4
  150. package/dist/components/{FlowSteps/FlowSteps.d.ts → steppers/StepList/StepList.d.ts} +7 -7
  151. package/dist/css/component-css/pds-action-card.css +1 -0
  152. package/dist/css/component-css/pds-avatar.css +1 -1
  153. package/dist/css/component-css/pds-badge.css +1 -1
  154. package/dist/css/component-css/pds-banner.css +1 -1
  155. package/dist/css/component-css/pds-bar-chart.css +1 -0
  156. package/dist/css/component-css/pds-branch-diff.css +1 -1
  157. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  158. package/dist/css/component-css/pds-button-link.css +1 -1
  159. package/dist/css/component-css/pds-button-nav.css +1 -1
  160. package/dist/css/component-css/pds-button.css +45 -13
  161. package/dist/css/component-css/pds-callout.css +1 -1
  162. package/dist/css/component-css/pds-card-select.css +2 -0
  163. package/dist/css/component-css/pds-card.css +1 -1
  164. package/dist/css/component-css/pds-chart-legend.css +1 -0
  165. package/dist/css/component-css/pds-chart-wrapper.css +1 -0
  166. package/dist/css/component-css/pds-checkbox-group.css +1 -1
  167. package/dist/css/component-css/pds-checkbox.css +1 -1
  168. package/dist/css/component-css/pds-close-button.css +1 -1
  169. package/dist/css/component-css/pds-code-block-legacy.css +1 -1
  170. package/dist/css/component-css/pds-code-block.css +1 -1
  171. package/dist/css/component-css/pds-combobox-multiselect.css +3 -2
  172. package/dist/css/component-css/pds-combobox.css +1 -1
  173. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  174. package/dist/css/component-css/pds-comparison-list.css +1 -1
  175. package/dist/css/component-css/pds-cta-link.css +1 -1
  176. package/dist/css/component-css/pds-datepicker.css +1 -3
  177. package/dist/css/component-css/pds-drawer.css +1 -0
  178. package/dist/css/component-css/pds-dropdown-menu.css +2 -2
  179. package/dist/css/component-css/pds-dropdown.css +2 -0
  180. package/dist/css/component-css/pds-expansion-panel-group.css +1 -1
  181. package/dist/css/component-css/pds-expansion-panel.css +2 -1
  182. package/dist/css/component-css/pds-file-diff.css +1 -1
  183. package/dist/css/component-css/pds-file-upload.css +3 -3
  184. package/dist/css/component-css/pds-filter-button.css +1 -0
  185. package/dist/css/component-css/pds-full-screen-overlay.css +1 -0
  186. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  187. package/dist/css/component-css/pds-icon-button.css +5 -3
  188. package/dist/css/component-css/pds-icon-story-only.css +1 -1
  189. package/dist/css/component-css/pds-icon.css +1 -1
  190. package/dist/css/component-css/pds-identity-block.css +1 -0
  191. package/dist/css/component-css/pds-index.css +152 -45
  192. package/dist/css/component-css/pds-inline-message.css +1 -1
  193. package/dist/css/component-css/pds-input-group.css +1 -1
  194. package/dist/css/component-css/pds-input-utilities.css +1 -1
  195. package/dist/css/component-css/pds-line-chart.css +1 -0
  196. package/dist/css/component-css/pds-link-new-window.css +1 -1
  197. package/dist/css/component-css/pds-menu-button.css +7 -1
  198. package/dist/css/component-css/pds-modal.css +1 -1
  199. package/dist/css/component-css/pds-nav-menu.css +1 -5
  200. package/dist/css/component-css/pds-navbar.css +4 -1
  201. package/dist/css/component-css/pds-pagination-chapter.css +3 -0
  202. package/dist/css/component-css/pds-pagination-compact.css +1 -0
  203. package/dist/css/component-css/pds-pagination.css +1 -1
  204. package/dist/css/component-css/pds-panel-list.css +1 -1
  205. package/dist/css/component-css/pds-panel-stack.css +1 -0
  206. package/dist/css/component-css/pds-panel.css +2 -1
  207. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  208. package/dist/css/component-css/pds-payment-icon.css +1 -1
  209. package/dist/css/component-css/pds-picture.css +1 -1
  210. package/dist/css/component-css/pds-pie-chart.css +1 -0
  211. package/dist/css/component-css/pds-platform-icon.css +1 -1
  212. package/dist/css/component-css/pds-popover.css +1 -1
  213. package/dist/css/component-css/pds-progress-bar.css +1 -1
  214. package/dist/css/component-css/pds-progress-ring.css +1 -1
  215. package/dist/css/component-css/pds-proportion-bar.css +1 -0
  216. package/dist/css/component-css/pds-radio-group.css +1 -1
  217. package/dist/css/component-css/pds-result-count.css +1 -0
  218. package/dist/css/component-css/pds-section-message.css +1 -1
  219. package/dist/css/component-css/pds-segmented-button.css +2 -1
  220. package/dist/css/component-css/pds-select.css +1 -1
  221. package/dist/css/component-css/pds-side-nav-global.css +3 -5
  222. package/dist/css/component-css/pds-side-nav.css +3 -1
  223. package/dist/css/component-css/pds-site-footer.css +1 -1
  224. package/dist/css/component-css/pds-site-search.css +1 -0
  225. package/dist/css/component-css/pds-skeleton.css +1 -1
  226. package/dist/css/component-css/pds-skiplink.css +1 -1
  227. package/dist/css/component-css/pds-sortable-list.css +8 -0
  228. package/dist/css/component-css/pds-spinner.css +1 -1
  229. package/dist/css/component-css/pds-split-button.css +1 -1
  230. package/dist/css/component-css/pds-sso-button.css +2 -2
  231. package/dist/css/component-css/pds-status-badge.css +1 -1
  232. package/dist/css/component-css/pds-status-checker.css +1 -0
  233. package/dist/css/component-css/pds-status-indicator.css +1 -1
  234. package/dist/css/component-css/pds-step-list.css +1 -0
  235. package/dist/css/component-css/pds-stepper.css +3 -1
  236. package/dist/css/component-css/pds-switch.css +6 -11
  237. package/dist/css/component-css/pds-tab-menu.css +2 -2
  238. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  239. package/dist/css/component-css/pds-table.css +5 -1
  240. package/dist/css/component-css/pds-tabs.css +1 -1
  241. package/dist/css/component-css/pds-tag.css +1 -1
  242. package/dist/css/component-css/pds-tags-input.css +1 -1
  243. package/dist/css/component-css/pds-tally.css +1 -1
  244. package/dist/css/component-css/pds-text-input.css +1 -1
  245. package/dist/css/component-css/pds-textarea.css +1 -1
  246. package/dist/css/component-css/pds-theme-switcher.css +1 -1
  247. package/dist/css/component-css/pds-timepicker.css +1 -0
  248. package/dist/css/component-css/pds-toaster.css +1 -1
  249. package/dist/css/component-css/pds-tooltip.css +1 -1
  250. package/dist/css/component-css/pds-tree-nav.css +1 -0
  251. package/dist/css/component-css/pds-user-menu-story-only.css +1 -1
  252. package/dist/css/component-css/pds-user-menu.css +32 -1
  253. package/dist/css/component-css/pds-utility-bar.css +1 -0
  254. package/dist/css/component-css/pds-utility-button.css +3 -1
  255. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  256. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  257. package/dist/css/component-css/pds-video-embed.css +1 -1
  258. package/dist/css/component-css/pds-workspace-selector.css +26 -1
  259. package/dist/css/design-tokens/variables.dark.css +385 -338
  260. package/dist/css/design-tokens/variables.global.css +10 -18
  261. package/dist/css/design-tokens/variables.light.css +376 -309
  262. package/dist/css/design-tokens/variables.typography.css +1 -2
  263. package/dist/css/layout-css/pds-app-layout.css +3 -2
  264. package/dist/css/layout-css/pds-docs-layout.css +1 -1
  265. package/dist/css/layout-css/pds-index.css +3 -9
  266. package/dist/css/layout-css/pds-sidebar-layout.css +5 -0
  267. package/dist/css/layout-css/pds-stepper-layout.css +1 -1
  268. package/dist/css/layout-css/pds-three-item-layout.css +1 -1
  269. package/dist/css/layout-css/pds-two-item-layout.css +1 -1
  270. package/dist/css/pds-components.css +152 -45
  271. package/dist/css/pds-core.css +3 -2
  272. package/dist/css/pds-layouts.css +3 -9
  273. package/dist/index.css +5 -1
  274. package/dist/index.d.ts +95 -7
  275. package/dist/index.js +12738 -4787
  276. package/dist/index.js.map +1 -1
  277. package/dist/index.source.d.ts +44 -41
  278. package/dist/layouts/AppLayout/AppLayout.d.ts +85 -10
  279. package/dist/layouts/DocsLayout/DocsLayout.d.ts +9 -7
  280. package/dist/layouts/SidebarLayout/SidebarLayout.d.ts +16 -6
  281. package/dist/layouts/StepperLayout/StepperLayout.d.ts +13 -1
  282. package/dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +3 -3
  283. package/dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +3 -3
  284. package/dist/libs/components/NavAccordion/NavAccordion.d.ts +27 -0
  285. package/dist/libs/components/StatusDot/StatusDot.d.ts +15 -0
  286. package/dist/libs/components/utils.d.ts +1 -1
  287. package/dist/libs/types/custom-types.d.ts +11 -5
  288. package/dist/libs/types/layout-types.d.ts +4 -1
  289. package/dist/libs/types/navigation-types.d.ts +17 -1
  290. package/dist/svg/anglesDown.svg +3 -0
  291. package/dist/svg/anglesUp.svg +3 -0
  292. package/dist/svg/barsStaggered.svg +3 -0
  293. package/dist/svg/bookmark.svg +3 -0
  294. package/dist/svg/bookmarkSolid.svg +3 -0
  295. package/dist/svg/box.svg +3 -0
  296. package/dist/svg/circleExclamationSolid.svg +3 -0
  297. package/dist/svg/circleHalfStroke.svg +3 -0
  298. package/dist/svg/circleInfoSolid.svg +3 -0
  299. package/dist/svg/circleQuestionSolid.svg +3 -0
  300. package/dist/svg/claude.svg +3 -0
  301. package/dist/svg/clock.svg +3 -0
  302. package/dist/svg/collapseToCenter.svg +3 -0
  303. package/dist/svg/compress.svg +3 -0
  304. package/dist/svg/diagramVenn.svg +3 -0
  305. package/dist/svg/floppyDisk.svg +3 -0
  306. package/dist/svg/grid.svg +2 -2
  307. package/dist/svg/grid2.svg +3 -0
  308. package/dist/svg/landmark.svg +3 -0
  309. package/dist/svg/move.svg +3 -0
  310. package/dist/svg/octagonExclamation.svg +3 -0
  311. package/dist/svg/openai.svg +3 -0
  312. package/dist/svg/pause.svg +3 -0
  313. package/dist/svg/penPaintbrush.svg +3 -0
  314. package/dist/svg/sidebar.svg +3 -0
  315. package/dist/svg/slider.svg +3 -0
  316. package/dist/svg/squareDashed.svg +3 -0
  317. package/dist/svg/tableColumns.svg +3 -0
  318. package/dist/svg/userSolid.svg +3 -0
  319. package/dist/{layouts → utilities}/FlexContainer/FlexContainer.d.ts +6 -6
  320. package/dist/utilities/GlobalWrapper/GlobalWrapper.d.ts +35 -0
  321. package/dist/utilities/context-providers/ThemeContext/ThemeContext.d.ts +113 -0
  322. package/dist/utilities/grid/Grid.d.ts +58 -0
  323. package/dist/utilities/grid/GridItem.d.ts +57 -0
  324. package/dist/utilities/hooks/useDropdown/index.d.ts +1 -0
  325. package/dist/utilities/hooks/useDropdown/useDropdown.d.ts +138 -0
  326. package/dist/utilities/hooks/useIsMobile/useIsMobile.d.ts +16 -0
  327. package/dist/utilities/hooks/useKeyPress/useKeyPress.d.ts +6 -0
  328. package/dist/utilities/hooks/useKeyboardShortcut/useKeyboardShortcut.d.ts +29 -0
  329. package/package.json +83 -47
  330. package/tailwind/README.md +220 -0
  331. package/tailwind/TESTING.md +457 -0
  332. package/tailwind/v3/preset.cjs +258 -0
  333. package/tailwind/v4/theme.css +230 -0
  334. package/dist/components/CTASlice/CTASlice.d.ts +0 -43
  335. package/dist/components/CodeBlock/themes/pdsLight.d.ts +0 -2
  336. package/dist/components/DashboardStat/DashboardStat.d.ts +0 -28
  337. package/dist/components/PullQuote/PullQuote.d.ts +0 -34
  338. package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +0 -62
  339. package/dist/components/SocialLinks/SocialLinks.d.ts +0 -23
  340. package/dist/components/cards/CardHeading/CardHeading.d.ts +0 -31
  341. package/dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +0 -60
  342. package/dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +0 -36
  343. package/dist/components/cards/LinksCard/LinksCard.d.ts +0 -29
  344. package/dist/components/cards/LinksCard/links-card-sample-data.d.ts +0 -2
  345. package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts +0 -61
  346. package/dist/components/cards/PaymentCard/PaymentCard.d.ts +0 -47
  347. package/dist/components/cards/PricingCard/PricingCard.d.ts +0 -95
  348. package/dist/components/cards/SiteCard/SiteCard.d.ts +0 -50
  349. package/dist/components/footer/FooterHeading/FooterHeading.d.ts +0 -22
  350. package/dist/components/footer/FooterLinks/FooterLinks.d.ts +0 -26
  351. package/dist/components/footer/SiteFooter/SiteFooter.d.ts +0 -34
  352. package/dist/components/footer/SiteFooter/footer-content.d.ts +0 -1
  353. package/dist/components/navigation/DashboardNav/DashboardNav.d.ts +0 -35
  354. package/dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +0 -24
  355. package/dist/components/navigation/NavMenu/NavMenu.d.ts +0 -33
  356. package/dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +0 -24
  357. package/dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +0 -53
  358. package/dist/components/notifications/NotificationHubIcon/NotificationHubIcon.d.ts +0 -38
  359. package/dist/components/notifications/NotificationsPopover/NotificationsPopover.d.ts +0 -118
  360. package/dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +0 -28
  361. package/dist/components/tiles/Tile/Tile.d.ts +0 -42
  362. package/dist/components/tiles/TileGrid/TileGrid.d.ts +0 -29
  363. package/dist/css/component-css/pds-avatar-tile-list.css +0 -1
  364. package/dist/css/component-css/pds-card-heading.css +0 -1
  365. package/dist/css/component-css/pds-card-select-group.css +0 -1
  366. package/dist/css/component-css/pds-cta-slice.css +0 -1
  367. package/dist/css/component-css/pds-dashboard-nav.css +0 -5
  368. package/dist/css/component-css/pds-dashboard-search.css +0 -1
  369. package/dist/css/component-css/pds-dashboard-stat.css +0 -1
  370. package/dist/css/component-css/pds-empty-state-card.css +0 -1
  371. package/dist/css/component-css/pds-flow-steps.css +0 -1
  372. package/dist/css/component-css/pds-footer-heading.css +0 -1
  373. package/dist/css/component-css/pds-footer-links.css +0 -1
  374. package/dist/css/component-css/pds-links-card.css +0 -1
  375. package/dist/css/component-css/pds-new-site-card.css +0 -1
  376. package/dist/css/component-css/pds-notification-hub-icon.css +0 -1
  377. package/dist/css/component-css/pds-notifications-popover.css +0 -1
  378. package/dist/css/component-css/pds-payment-card.css +0 -1
  379. package/dist/css/component-css/pds-pricing-card-local.css +0 -1
  380. package/dist/css/component-css/pds-pricing-card.css +0 -1
  381. package/dist/css/component-css/pds-pull-quote.css +0 -1
  382. package/dist/css/component-css/pds-refresh-checker.css +0 -1
  383. package/dist/css/component-css/pds-side-nav-compact.css +0 -1
  384. package/dist/css/component-css/pds-site-card.css +0 -1
  385. package/dist/css/component-css/pds-site-dashboard-heading.css +0 -1
  386. package/dist/css/component-css/pds-social-links.css +0 -1
  387. package/dist/css/component-css/pds-tile.css +0 -1
  388. package/dist/css/component-css/pds-tiles-common.css +0 -1
  389. package/dist/css/layout-css/pds-dashboard-global.css +0 -8
  390. package/dist/css/layout-css/pds-dashboard-inner.css +0 -1
  391. package/dist/css/layout-css/pds-flex-container.css +0 -1
  392. package/dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +0 -57
  393. package/dist/layouts/DashboardInner/DashboardInner.d.ts +0 -30
  394. package/dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +0 -19
  395. package/dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +0 -6
  396. /package/dist/components/{Skiplink → links/Skiplink}/Skiplink.d.ts +0 -0
  397. /package/dist/components/{Picture → media/Picture}/Picture.d.ts +0 -0
  398. /package/dist/components/{VideoEmbed → media/VideoEmbed}/VideoEmbed.d.ts +0 -0
  399. /package/dist/components/{Pagination → pagination/Pagination}/usePagination.d.ts +0 -0
  400. /package/dist/components/{FlowSteps → steppers/StepList}/example-steps.d.ts +0 -0
  401. /package/dist/svg/{linkSimple.svg → link.svg} +0 -0
  402. /package/dist/svg/{linkSimpleSlash.svg → unlink.svg} +0 -0
  403. /package/dist/{layouts → utilities}/Container/Container.d.ts +0 -0
package/dist/css/component-css/pds-inline-message.css CHANGED
@@ -1 +1 @@
1
- .pds-inline-message{--message-fg:var(--pds-color-status-info-foreground);font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-m) 0;position:relative}.pds-inline-message__icon{color:var(--message-fg);left:0;position:absolute}.pds-inline-message__text{column-gap:var(--pds-spacing-s);display:flex;flex-wrap:wrap;padding-inline-start:calc(var(--pds-spacing-m) + var(--pds-spacing-xs));row-gap:var(--pds-spacing-2xs)}.pds-inline-message__title{color:var(--message-fg);font-weight:var(--pds-typography-fw-medium)}.pds-inline-message__message p,.pds-inline-message__title{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-inline-message__message p{color:var(--pds-color-fg-default-secondary)}.pds-inline-message__message p:last-child{margin-block-end:0}.pds-inline-message--info{--message-fg:var(--pds-color-status-info-foreground)}.pds-inline-message--success{--message-fg:var(--pds-color-status-success-foreground)}.pds-inline-message--warning{--message-fg:var(--pds-color-status-warning-foreground)}.pds-inline-message--critical{--message-fg:var(--pds-color-status-critical-foreground)}.pds-inline-message--working{--message-fg:var(--pds-color-fg-default)}.pds-inline-message--working .pds-inline-message__icon{align-items:center;display:flex;height:calc(var(--pds-typography-size-s)*1.5)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-inline-message{--message-fg:var(--pds-color-status-info-foreground);font-family:var(--pds-typography-ff-default);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-m) 0;position:relative}.pds-inline-message__icon{color:var(--message-fg);left:0;position:absolute}.pds-inline-message__text{column-gap:var(--pds-spacing-s);display:flex;flex-wrap:wrap;padding-inline-start:calc(var(--pds-spacing-m) + var(--pds-spacing-xs));row-gap:var(--pds-spacing-2xs)}.pds-inline-message__title{color:var(--message-fg);font-weight:var(--pds-typography-fw-medium)}.pds-inline-message__message p,.pds-inline-message__title{font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-inline-message__message p{color:var(--pds-color-foreground-default-secondary)}.pds-inline-message__message p:last-child{margin-block-end:0}.pds-inline-message--info{--message-fg:var(--pds-color-status-info-foreground)}.pds-inline-message--success{--message-fg:var(--pds-color-status-success-foreground)}.pds-inline-message--warning{--message-fg:var(--pds-color-status-warning-foreground)}.pds-inline-message--critical{--message-fg:var(--pds-color-status-critical-foreground)}.pds-inline-message--working{--message-fg:var(--pds-color-foreground-default)}.pds-inline-message--working .pds-inline-message__icon{align-items:center;display:flex;height:calc(var(--pds-typography-size-s)*1.5)}}
package/dist/css/component-css/pds-input-group.css CHANGED
@@ -1 +1 @@
1
- .pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group__inner .pds-input,.pds-input-group__inner .pds-input-wrapper{flex-grow:1}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:var(--pds-border-width-default) solid var(--pds-color-border-input)}.pds-input-group__inner .pds-file-upload__input-wrapper,.pds-input-group__inner .pds-input-field,.pds-input-group__inner .pds-select__input-wrapper,.pds-input-group__inner .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:0;border-left-width:0;border-top-left-radius:0;z-index:1}.pds-input-group__inner .pds-button.pds-button--critical-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-input-group__inner{align-items:flex-end;display:flex;position:relative}.pds-input-group__inner:focus{outline-offset:-.0625rem}.pds-input-group__inner .pds-input,.pds-input-group__inner .pds-input-wrapper{flex-grow:1}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-icon-button{border:var(--pds-border-width-default) solid var(--pds-color-border-input);padding-block:0}.pds-input-group__inner .pds-file-upload__input-wrapper,.pds-input-group__inner .pds-input-field,.pds-input-group__inner .pds-select__input-wrapper,.pds-input-group__inner .pds-text-input__input-wrapper{border-bottom-right-radius:0;border-top-right-radius:0}.pds-input-group__inner .pds-animated-button,.pds-input-group__inner .pds-button,.pds-input-group__inner .pds-icon-button{border-bottom-left-radius:0;border-bottom-right-radius:var(--pds-border-radius-input);border-left-width:0;border-top-left-radius:0;border-top-right-radius:var(--pds-border-radius-input);z-index:1}.pds-input-group__inner .pds-button.pds-button--critical-secondary,.pds-input-group__inner .pds-button.pds-button--secondary{border-color:var(--pds-color-border-input)}.pds-input-group--has-message .pds-input-group__inner .pds-input-message{display:none}}
package/dist/css/component-css/pds-input-utilities.css CHANGED
@@ -1 +1 @@
1
- .pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-bg-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-bg-default);-webkit-text-fill-color:var(--pds-color-fg-default)}.pds-input-label{color:var(--pds-color-fg-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-3xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-fg-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-fg-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}.pds-input__select-option{align-items:center;background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;gap:var(--pds-spacing-l);justify-content:space-between;margin:0;padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-s)}.pds-input__select-option--active,.pds-input__select-option:focus-visible,.pds-input__select-option:hover,.pds-input__select-option[aria-selected=true]{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-select__checked-icon{align-self:center;color:var(--pds-color-status-success-foreground);display:flex;flex-shrink:0;margin-block-start:-.0625rem}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-input.pds-is-disabled,.pds-input.pds-is-disabled input,.pds-is-disabled legend.pds-input-label{cursor:not-allowed;opacity:63%}.pds-input.pds-has-error .pds-combobox__input-wrapper,.pds-input.pds-has-error .pds-file-upload__input-wrapper,.pds-input.pds-has-error .pds-select__input-wrapper,.pds-input.pds-has-error .pds-text-input__input-wrapper,.pds-input.pds-has-error .pds-textarea--textarea,.pds-input.pds-has-error .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-error .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-error .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-error .pds-select__input-wrapper:focus-within,.pds-input.pds-has-error .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-error .pds-textarea--textarea:focus,.pds-input.pds-has-error .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-critical-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper,.pds-input.pds-has-success .pds-file-upload__input-wrapper,.pds-input.pds-has-success .pds-select__input-wrapper,.pds-input.pds-has-success .pds-text-input__input-wrapper,.pds-input.pds-has-success .pds-textarea--textarea,.pds-input.pds-has-success .pds-timepicker__input-wrapper{border-color:var(--pds-color-status-success-foreground)}.pds-input.pds-has-success .pds-combobox__input-wrapper:focus-within,.pds-input.pds-has-success .pds-file-upload__input-wrapper:focus-within,.pds-input.pds-has-success .pds-select__input-wrapper:focus-within,.pds-input.pds-has-success .pds-text-input__input-wrapper:focus-within,.pds-input.pds-has-success .pds-textarea--textarea:focus,.pds-input.pds-has-success .pds-timepicker__input-wrapper--focus-visible{outline-color:var(--pds-color-status-success-foreground)}.pds-input.pds-is-readonly .pds-text-input__input-wrapper{background-color:var(--pds-color-surface-default-secondary)}.pds-input input:-internal-autofill-selected,.pds-input input:-webkit-autofill{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,0),inset 0 0 0 100px var(--pds-color-surface-default);-webkit-text-fill-color:var(--pds-color-foreground-default)}.pds-input-label{color:var(--pds-color-foreground-default);display:inline-block;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);padding-inline-end:var(--pds-spacing-3xl)}.pds-input-label.visually-hidden{margin:0;padding:0}.pds-input-label--heading{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-4xs)}.pds-input-label .pds-tooltip{margin-inline-start:var(--pds-spacing-5xs);vertical-align:1px}.pds-input-label__required{align-items:flex-start;display:inline-flex;height:var(--pds-spacing-s);margin-inline-start:var(--pds-spacing-4xs);position:relative}.pds-input-label__required-icon{color:var(--pds-color-status-critical-foreground);height:var(--pds-spacing-xs);position:absolute;top:0}.pds-input-message{align-items:flex-start;color:var(--pds-color-foreground-default-secondary);display:flex;gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-2xs)}.pds-input-message--error{color:var(--pds-color-status-critical-foreground)}.pds-input-message--success{color:var(--pds-color-status-success-foreground)}.pds-input-message__text,.pds-input-message__text p{font-size:var(--pds-typography-size-input-message);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-input-prefix{align-items:center;display:flex}.pds-input-prefix--error{color:var(--pds-color-status-critical-foreground)}.pds-input-prefix--success{color:var(--pds-color-status-success-foreground)}.pds-input-search-shortcut{align-items:center;background:var(--pds-color-interactive-background-hover);border-radius:var(--pds-border-radius-input);display:flex;height:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-xs);width:var(--pds-spacing-s)}.pds-input-clear-button{background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-input-clear-button:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-input-clear-button:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}input::-webkit-search-cancel-button{display:none}.pds-input-character-counter{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-input-character-counter--overLimit{color:var(--pds-color-status-critical-foreground)}}
package/dist/css/component-css/pds-line-chart.css ADDED
@@ -0,0 +1 @@
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-line-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-line-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-line-chart--empty,.pds-line-chart--loading{align-items:center;display:flex;justify-content:center}}
package/dist/css/component-css/pds-link-new-window.css CHANGED
@@ -1 +1 @@
1
- .pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-s);--icon-h-offset:0.5rem;--icon-v-offset:0.125rem;align-items:center;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);padding-block:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);padding-block-end:var(--icon-v-offset);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--sm{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:0.375rem;--icon-v-offset:0.0925rem;font-size:var(--pds-typography-size-s)}.pds-link-new-window--md{--icon-size:var(--pds-typography-size-s);--icon-h-offset:0.5rem;--icon-v-offset:0.125rem;font-size:var(--pds-typography-size-m)}.pds-link-new-window--lg{--icon-size:var(--pds-typography-size-m);--icon-h-offset:0.625rem;--icon-v-offset:0.2175rem;font-size:var(--pds-typography-size-l)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-link-new-window{--link-color:var(--pds-color-interactive-link-default);--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);align-items:baseline;color:var(--link-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;gap:var(--icon-h-offset);transition:var(--pds-animation-transition-link)}a.pds-link-new-window:hover{--link-color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-link-new-window__icon{color:var(--link-color);height:var(--icon-size);margin-inline-end:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link);width:auto}.pds-link-new-window--loading{background-color:var(--pulse-regular-base-color);border-radius:var(--pds-border-radius-default);color:transparent;padding-block:var(--pds-spacing-4xs)}.pds-link-new-window--loading .pds-link-new-window__icon{color:transparent}.pds-link-new-window--s{--icon-size:var(--pds-typography-size-xs);--icon-h-offset:var(--pds-spacing-3xs);font-size:var(--pds-typography-size-s)}.pds-link-new-window--m{--icon-size:var(--pds-typography-size-s);--icon-h-offset:var(--pds-spacing-2xs);font-size:var(--pds-typography-size-m)}.pds-link-new-window--l{--icon-size:var(--pds-typography-size-m);--icon-h-offset:var(--pds-spacing-xs);font-size:var(--pds-typography-size-l)}}
package/dist/css/component-css/pds-menu-button.css CHANGED
@@ -1 +1,7 @@
1
- .pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true],button.pds-menu-button__trigger[aria-expanded=true]:active{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover)}button.pds-button--navbar.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--navbar.pds-menu-button__trigger:hover .pds-button__icon{color:var(--pds-color-interactive-link-hover)}button.pds-button--navbar.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-fg-default-secondary)}button.pds-button--navbar.pds-menu-button__trigger[aria-expanded=true],button.pds-button--navbar.pds-menu-button__trigger[aria-expanded=true]:active{background-color:transparent;border-color:transparent;color:var(--pds-color-fg-default-secondary)}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-fg-default)}.pds-menu-button__listbox{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);left:0;max-width:30rem;padding:var(--pds-spacing-s);position:absolute;top:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-menu-button__listbox--avatar{top:var(--pds-spacing-s)}ul.pds-menu-button__listbox{margin:0}ul.pds-menu-button__listbox li{list-style-type:none}.pds-menu-button__listbox--navbar{border-top-left-radius:0;border-top-right-radius:0;top:1.25rem}.pds-dashboard.pds-dashboard--notMobile .pds-menu-button__listbox--navbar{border-radius:var(--pds-border-radius-container);top:var(--pds-spacing-3xs)}@media (min-width:768px){.pds-menu-button__listbox--end{left:unset;right:0}}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button ul [role=separator]{margin:var(--pds-spacing-xs) auto 0;width:calc(100% - var(--pds-spacing-l))}.pds-menu-button__listbox .pds-menu-button__listbox-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-menu-button__listbox [role=separator]{border-block-start:1px solid var(--pds-color-border-default);margin-block-start:var(--pds-spacing-xs);padding-block-start:var(--pds-spacing-xs)}.pds-menu-button__listbox [role=menuitem] a{color:var(--pds-color-dropdown-foreground);display:block;text-decoration:none}.pds-menu-button__listbox [role=menuitem]{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);list-style-type:none;margin:0;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox [role=menuitem].pds-menu-button__item-focused,.pds-menu-button__listbox [role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:var(--pds-border-radius-container)}.pds-menu-button__listbox [role=menuitem]:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-menu-button__listbox [role=menuitem].pds-menu-button__item-focused{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button__listbox [role=menuitem].pds-menu-button__item-critical,.pds-menu-button__listbox [role=menuitem].pds-menu-button__item-critical a{color:var(--pds-color-fg-critical)}.pds-menu-button__item-description{color:var(--pds-color-dropdown-description);display:block;font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-2xs)}.pds-menu-button--isMobile{background-color:var(--pds-color-bg-default);border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;right:50%;width:100vw}.pds-menu-button--isMobile .pds-menu-button__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl);width:100%}.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-avatar{border-color:var(--pds-color-interactive-link-hover);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle:hover .pds-menu-button__avatar-label{color:var(--pds-color-interactive-link-hover);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle>*{pointer-events:none}.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__toggle .pds-menu-button__icon-label .pds-icon{min-width:var(--pds-spacing-xl)}.pds-menu-button--isMobile .pds-menu-button__toggle-icon{color:var(--pds-color-fg-default-secondary);margin-inline-end:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-menu-button--isMobile .pds-menu-button__toggle--expanded{color:var(--pds-color-interactive-link-hover)}.pds-menu-button--isMobile .pds-menu-button__toggle--expanded .pds-menu-button__toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu{display:none;padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu--expanded{display:flex;flex-direction:column}.pds-menu-button--isMobile .pds-menu-button__mobile-menu--expanded>:last-child{margin-block-end:var(--pds-spacing-s)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li{padding:var(--pds-spacing-s) var(--pds-spacing-xl)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:var(--pds-border-radius-container)}.pds-menu-button--isMobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:var(--pds-spacing-xs);padding:0;width:calc(100% - var(--pds-spacing-3xl))}.pds-menu-button--isMobile .pds-menu-button__listbox-heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-s)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-menu-button{display:inline-block;position:relative}button.pds-menu-button__trigger .pds-button__icon{position:relative;transition:var(--pds-animation-transition-rotation)}button.pds-menu-button__trigger[aria-expanded=true] .pds-button__icon{transform:rotate(180deg) translateY(-1px);transition:var(--pds-animation-transition-rotation)}button.pds-button--subtle.pds-menu-button__trigger{gap:var(--pds-spacing-2xs)}button.pds-button--subtle.pds-menu-button__trigger .pds-button__icon{color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true],button.pds-button--subtle.pds-menu-button__trigger[aria-expanded=true]:active{background-color:var(--pds-color-button-subtle-background-active);border-color:var(--pds-color-button-subtle-background-active);color:var(--pds-color-foreground-default-secondary)}button.pds-button--subtle.pds-menu-button__trigger.pds-menu-button__trigger--navbar{--button-background-color:transparent}button.pds-menu-button__trigger--icon-only[aria-expanded=true],button.pds-menu-button__trigger--icon-only[aria-expanded=true]:active{background-color:var(--pds-color-interactive-background-active);color:var(--pds-color-foreground-default)}.pds-menu-button__listbox{max-width:30rem;width:max-content}ul.pds-menu-button__listbox{margin-inline:0}.pds-menu-button__listbox:focus-visible{outline:none}.pds-menu-button ul,.pds-menu-button ul [role=separator]{list-style:none}.pds-menu-button ul:not(.pds-menu-button__listbox){margin:0;padding:0}.pds-menu-button__listbox ul{list-style:none;margin:0;padding:0}.pds-menu-button__listbox .pds-dropdown__separator{margin-block-end:var(--pds-spacing-4xs)}.pds-menu-button__accordion-label{align-items:center;display:inline-flex;gap:var(--pds-spacing-xs)}.pds-menu-button__trigger .pds-button__tally{margin-inline:var(--pds-spacing-5xs)}.pds-menu-button__trigger .pds-status-dot{margin-inline-end:var(--pds-spacing-5xs)}.pds-menu-button__item-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-menu-button__listbox .pds-dropdown__item>a,[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-menu-button__listbox [role=menuitem][aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-menu-button .pds-nav-accordion{display:none}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button .pds-nav-accordion{display:block}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__trigger{display:none}[data-pds-mobile]
2
+ .pds-navbar__mobile
3
+ .pds-menu-button
4
+ .pds-nav-accordion__toggle{font-size:var(--pds-typography-size-m);min-height:unset;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button{background-color:var(--pds-color-surface-default);border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;right:50%;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu{padding:0}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li{border-radius:0;font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=menuitem]:hover{background-color:var(--pds-color-dropdown-item-background-hover)}[data-pds-mobile] .pds-navbar__mobile .pds-menu-button__mobile-menu li[role=separator]{background-color:var(--pds-color-border-default);height:var(--pds-border-width-default);margin-block:0;margin-inline:var(--pds-spacing-xl);padding:0}[data-pds-mobile]
5
+ .pds-navbar__mobile
6
+ .pds-menu-button
7
+ .pds-menu-button__listbox-heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-s)}.pds-menu-button__icon-label{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-menu-button__icon-label .pds-icon{min-width:var(--pds-spacing-xl)}}
package/dist/css/component-css/pds-modal.css CHANGED
@@ -1 +1 @@
1
- .pds-modal{--modal-padding:var(--pds-spacing-2xl);background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-md);padding:var(--modal-padding);width:70vw}@media (max-width:767px){.pds-modal{max-width:300px}}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-bold);line-height:var(--pds-typography-lh-m);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--sm{max-width:var(--pds-container-modal-width-sm)}.pds-modal--lg{max-width:var(--pds-container-modal-width-lg);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-modal{--modal-padding:var(--pds-spacing-xl);background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);margin:auto;max-width:var(--pds-container-modal-width-m);padding:var(--modal-padding);width:70vw}@media (max-width:767px){.pds-modal{max-width:300px}}.pds-modal__close-wrapper{position:absolute;right:var(--modal-padding);top:var(--modal-padding)}.pds-modal__title{font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-2xl);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-l);width:calc(100% - var(--modal-padding))}.pds-modal--s{max-width:var(--pds-container-modal-width-s)}.pds-modal--l{max-width:var(--pds-container-modal-width-l);width:80vw}.pds-modal--xl{max-width:var(--pds-container-modal-width-xl);width:80vw}.pds-modal__content :is(h2,h3,h4,h5,h6){margin-block-end:var(--pds-spacing-s)}.pds-modal__button-group,.pds-modal__footer{margin-block-start:var(--pds-spacing-xl);width:100%}.pds-modal__button-group{column-gap:var(--pds-spacing-m);display:flex;justify-content:flex-end}.pds-modal form{margin-block-start:var(--pds-spacing-xl)}}
package/dist/css/component-css/pds-nav-menu.css CHANGED
@@ -1,5 +1 @@
1
- .pds-nav-menu{z-index:var(--pds-z-index-navigation)}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:var(--pds-spacing-m);z-index:var(--pds-z-index-dropdown)}.pds-nav-menu .pds-nav-menu__item{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-fg-default);cursor:pointer;font-weight:var(--pds-typography-fw-regular);margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(---pds-color-fg-default);display:inline-block;text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button,.pds-nav-menu .pds-nav-menu__item--second-level.pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--second-level.pds-nav-menu__item--active>button{color:var(--pds-color-nav-item-default-foreground-active)}.pds-nav-menu .pds-nav-menu__item--top-level a:hover,.pds-nav-menu button.pds-nav-menu__trigger:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-nav-menu .pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu .pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:flex;padding-inline-end:var(--pds-spacing-3xs);width:100%}.pds-nav-menu .pds-nav-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);margin-inline-start:var(--pds-spacing-xs);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true]{color:var(--pds-color-nav-item-default-foreground-active)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true] .pds-nav-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-active);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu ul.pds-nav-menu__dropdown{background-color:var(--pds-color-dropdown-background);display:flex;flex-direction:column;padding:var(--pds-spacing-s) var(--pds-spacing-s) 0;row-gap:var(--pds-spacing-2xs)}.pds-nav-menu .pds-nav-menu__item--second-level a{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);display:inline-block;font-weight:var(--pds-typography-fw-regular);margin:0;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-nav-menu .pds-nav-menu__item--second-level a:focus,.pds-nav-menu .pds-nav-menu__item--second-level a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-nav-menu .pds-nav-menu__item--second-level a:focus{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-nav-menu ul.pds-nav-menu__dropdown [role=separator]{border-block-start:var(--pds-border-width-default) solid var(--pds-color-border-default);margin:var(--pds-spacing-xs) auto 0;margin-block-start:var(--pds-spacing-xs);padding-block-start:var(--pds-spacing-xs);width:calc(100% - var(--pds-spacing-l))}.pds-nav-menu--isMobile{left:50%;margin-block-start:var(--pds-spacing-m);margin-inline-end:-50vw;margin-inline-start:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}.pds-nav-menu--isMobile ul.pds-nav-menu__menu{flex-direction:column;margin-block-end:var(--pds-spacing-2xl)}.pds-nav-menu--isMobile .pds-nav-menu__item--top-level{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-nav-menu--isMobile .pds-nav-menu__trigger{justify-content:space-between}.pds-nav-menu--notMobile ul.pds-nav-menu__menu{flex-direction:row;margin-block-end:0}.pds-nav-menu--notMobile .pds-nav-menu__item--top-level,.pds-nav-menu--notMobile .pds-nav-menu__trigger{align-items:center;display:inline-flex}.pds-nav-menu--notMobile .pds-nav-menu__item--top-level{border-bottom:none;padding-block-end:0;padding-inline:var(--pds-spacing-m)}.pds-nav-menu--notMobile .pds-nav-menu__item--has-link:not(:last-child){margin-inline-end:var(--pds-spacing-s)}.pds-nav-menu--notMobile .pds-nav-menu__menu>.pds-nav-menu__item--has-children{display:flex;position:relative}.pds-nav-menu--notMobile ul.pds-nav-menu__dropdown{border-radius:0 0 var(--pds-border-radius-container) var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:block;max-width:30rem;padding:var(--pds-spacing-s);position:absolute;top:3.0125rem;width:max-content}.pds-nav-menu--notMobile ul.pds-nav-menu__dropdown:before{background-color:var(--pds-color-dropdown-top-border);content:"";height:1px;left:0;position:absolute;top:-1px;width:100%}.pds-nav-menu--notMobile .pds-nav-menu__item--second-level a{display:block}.pds-nav-menu--reverse.pds-nav-menu--notMobile,.pds-navbar.pds-navbar--reverse.pds-navbar--notMobile{--pds-color-fg-default:var(--pds-color-fg-reverse);--pds-color-nav-item-default-foreground-hover:var(
2
- --pds-color-nav-item-reverse-foreground-hover
3
- );--pds-color-nav-item-default-foreground-active:var(
4
- --pds-color-nav-item-reverse-foreground-active
5
- );--pds-color-nav-item-default-foreground-trigger:#a6a3b4}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-nav-menu{--menu-hover-color:var(--pds-color-interactive-foreground-hover);--menu-active-color:var(--pds-color-interactive-foreground-active);z-index:var(--pds-z-index-navigation)}.pds-nav-menu ul{margin:0;padding:0}.pds-nav-menu li,.pds-nav-menu ul{list-style-type:none}.pds-nav-menu button{background:none;border:none;cursor:pointer}.pds-nav-menu ul.pds-nav-menu__menu{display:flex;row-gap:var(--pds-spacing-m);z-index:var(--pds-z-index-dropdown)}.pds-nav-menu .pds-nav-menu__item{font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);text-align:left}.pds-nav-menu .pds-nav-menu__item--top-level,.pds-nav-menu .pds-nav-menu__trigger{background-color:transparent;border:none;color:var(--pds-color-foreground-default);cursor:pointer;font-weight:var(--pds-typography-fw-regular);margin:0;padding:0}.pds-nav-menu .pds-nav-menu__item--top-level a,.pds-nav-menu .pds-nav-menu__trigger a{color:var(--pds-color-foreground-default);display:inline-block;text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__item--top-level{padding-block-end:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>a,.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item--active>button,.pds-nav-menu .pds-nav-menu__item--active>a,.pds-nav-menu .pds-nav-menu__item--active>button{color:var(--menu-active-color)}.pds-nav-menu button.pds-nav-menu__trigger:hover{color:var(--menu-hover-color)}.pds-nav-menu .pds-nav-menu__item--top-level a:focus-visible,.pds-nav-menu .pds-nav-menu__item--top-level button.pds-nav-menu__trigger:focus-visible{border-radius:0;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-button)}.pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:flex;padding-inline-end:var(--pds-spacing-3xs);width:100%}.pds-nav-menu .pds-nav-menu__trigger-icon{color:var(--pds-color-foreground-default-secondary);margin-inline-start:var(--pds-spacing-xs);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true]{color:var(--menu-active-color)}.pds-nav-menu .pds-nav-menu__trigger[aria-expanded=true] .pds-nav-menu__trigger-icon{color:var(--menu-active-color);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;font-weight:var(--pds-typography-fw-regular);text-decoration:none}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item:has(:focus-visible){background-color:var(--pds-color-dropdown-item-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-nav-menu .pds-nav-menu__dropdown .pds-dropdown__item>a:focus-visible{outline:none}.pds-nav-menu .pds-nav-accordion{display:none}[data-pds-mobile] .pds-nav-menu .pds-nav-accordion{display:block}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__trigger{display:none}.pds-nav-menu__accordion-menu{list-style:none;margin:0;padding:0}.pds-nav-menu__accordion-menu .pds-dropdown__item{padding-inline-start:var(--pds-spacing-xl)}.pds-nav-menu__accordion-menu .pds-dropdown__item a{color:var(--pds-color-foreground-default);display:block;font-weight:var(--pds-typography-fw-regular);padding-block:var(--pds-spacing-s);text-decoration:none}.pds-nav-menu__accordion-menu .pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}[data-pds-mobile] .pds-nav-menu ul.pds-nav-menu__menu{flex-direction:column;margin-block-end:var(--pds-spacing-2xl);row-gap:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--top-level{border-block-end:.0625rem solid var(--pds-color-border-default);padding:0}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link{align-items:center;display:flex;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link a{display:block;flex:1}[data-pds-mobile] .pds-nav-menu .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__menu{column-gap:var(--pds-spacing-m);flex-direction:row;margin-block-end:0}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level>a:hover{color:var(--menu-hover-color)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level,:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__trigger{align-items:center;display:inline-flex}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--top-level{border-bottom:none;padding-block-end:0;padding-inline:0}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__item--has-link:not(:last-child){margin-inline-end:var(--pds-spacing-s)}:root:not([data-pds-mobile]) .pds-nav-menu .pds-nav-menu__menu>.pds-nav-menu__item--has-children{display:flex;position:relative}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__dropdown{max-width:30rem;padding:var(--pds-spacing-3xs);width:max-content}:root:not([data-pds-mobile]) .pds-nav-menu ul.pds-nav-menu__dropdown:before{background-color:var(--pds-color-dropdown-top-border);content:"";height:1px;left:0;position:absolute;top:-1px;width:100%}:root:not([data-pds-mobile]) .pds-navbar.pds-navbar--reverse{--pds-color-foreground-default:var(--pds-color-foreground-reverse);--pds-color-foreground-default-secondary:#a6a3b4;--menu-hover-color:var(--pds-color-nav-item-reverse-foreground-hover);--menu-active-color:var(--pds-color-nav-item-reverse-foreground-active)}}
package/dist/css/component-css/pds-navbar.css CHANGED
@@ -1 +1,4 @@
1
- .pds-navbar{background-color:var(--pds-color-bg-default);position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-bottom:.0625rem solid var(--pds-color-border-default)}.pds-navbar__inner-mobile{align-items:center;display:flex;height:var(--pds-spacing-5xl);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);display:flex}.pds-navbar__menu-toggle:hover{color:var(--pds-color-button-navbar-foreground-active)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__mobile{background-color:var(--pds-color-bg-default);height:100vh;position:absolute;width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--closed{right:-100%;transition:var(--pds-animation-transition-reveal)}.pds-navbar__mobile--open{right:0;transition:var(--pds-animation-transition-reveal)}.pds-navbar--notMobile{border-bottom:.0625rem solid var(--pds-color-border-default)}@media (max-width:767px){.pds-navbar--notMobile .pds-button-group,.pds-navbar--notMobile .pds-nav-menu--isMobile{display:none}}.pds-navbar__inner{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--pds-spacing-5xl)}.pds-navbar__content{align-items:center;column-gap:var(--pds-spacing-l);display:flex;justify-content:space-between;width:100%}.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-right{justify-content:flex-end}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-bg-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-bottom-color:transparent}.pds-dashboard--isMobile .pds-navbar__bar-mobile{background-color:var(--pds-color-dashboard-nav-background)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-navbar{--navbar-height:3.75rem;background-color:var(--pds-color-surface-default);border-block-end:.0625rem solid var(--pds-color-border-default);overflow-x:clip;position:relative}.pds-navbar__logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-navbar__custom-logo{max-height:4.25rem}.pds-navbar__bar-mobile{border-block-end:.0625rem solid var(--pds-color-border-default);display:none}.pds-navbar__inner-mobile{align-items:center;column-gap:var(--pds-spacing-m);display:flex;height:var(--navbar-height);justify-content:space-between}.pds-navbar__menu-toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;margin-inline-end:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-2xs)}.pds-navbar__menu-toggle:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-navbar__menu-toggle:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-navbar__mobile{background-color:var(--pds-color-surface-default);display:none;height:calc(100dvh - var(--navbar-height) - .0625rem);overflow-y:auto;position:absolute;right:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,0,0,1);width:100%;z-index:var(--pds-z-index-overlay)}.pds-navbar__mobile>.pds-container{display:flex;flex-direction:column}.pds-navbar__mobile--open{transform:translateX(0)}.pds-navbar__inner{align-items:center;display:grid;grid-template-columns:1fr minmax(0,520px) 1fr;height:var(--navbar-height)}.pds-navbar__logo-group{align-items:center;display:flex;gap:var(--pds-spacing-m);grid-column:1;justify-self:start}.pds-navbar__separator{background-color:var(--pds-color-border-separator);height:var(--pds-spacing-m);width:.0625rem}.pds-navbar__items-center,.pds-navbar__items-left,.pds-navbar__items-right{align-items:center;column-gap:var(--pds-spacing-m);display:flex;position:relative}.pds-navbar__items-center{grid-column:2;justify-self:center}.pds-navbar__items-right{grid-column:3;justify-self:end}[data-pds-mobile] .pds-navbar__bar-mobile .pds-container,[data-pds-mobile] .pds-navbar__mobile .pds-container{padding-inline:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile>.pds-container{row-gap:0}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-left,[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-right{justify-self:stretch;width:100%}[data-pds-mobile] .pds-navbar__mobile .pds-navbar__items-center{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;padding-block:var(--pds-spacing-m);padding-inline:var(--pds-spacing-xl);position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-button-group{row-gap:var(--pds-spacing-s)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu ul.pds-nav-menu__menu{margin-block-end:0}[data-pds-mobile]
2
+ .pds-navbar__mobile
3
+ .pds-nav-menu
4
+ .pds-nav-menu__item--top-level{left:50%;margin-inline-start:-50vw;position:relative;width:100vw}[data-pds-mobile] .pds-navbar__mobile .pds-dropdown__heading{font-size:var(--pds-typography-size-s);padding-block:var(--pds-spacing-3xs);padding-inline-start:var(--pds-spacing-xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle{min-height:var(--pds-spacing-4xl)}[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle--expanded,[data-pds-mobile] .pds-navbar__mobile .pds-nav-accordion__toggle:hover,[data-pds-mobile] .pds-navbar__mobile .pds-nav-menu__item--has-link:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-navbar--reverse-transparent,.pds-navbar--transparent{background-color:transparent}.pds-navbar--reverse{background-color:var(--pds-color-surface-reverse)}.pds-navbar--noBorder,.pds-navbar--noBorder .pds-navbar__bar-mobile{border-block-end-color:transparent}[data-pds-mobile] .pds-navbar{border-block-end:none}[data-pds-mobile] .pds-navbar__bar-mobile,[data-pds-mobile] .pds-navbar__mobile{display:block}[data-pds-mobile] .pds-navbar__inner{display:none}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="1"]{order:1}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="2"]{order:2}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="3"]{order:3}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="4"]{order:4}[data-pds-mobile] .pds-navbar__mobile [data-mobile-order="5"]{order:5}}
package/dist/css/component-css/pds-pagination-chapter.css ADDED
@@ -0,0 +1,3 @@
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination-chapter{display:flex;font-family:var(--pds-typography-ff-default);justify-content:space-between;width:100%}.pds-pagination-chapter__btn{align-items:flex-start;background:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;flex-direction:column;gap:var(--pds-spacing-3xs);padding:0}.pds-pagination-chapter__btn:hover .pds-pagination-chapter__nav{color:var(--pds-color-interactive-link-hover)}.pds-pagination-chapter__btn:active .pds-pagination-chapter__nav{color:var(--pds-color-interactive-link-active)}.pds-pagination-chapter__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-focus)}.pds-pagination-chapter__btn--prev .pds-pagination-chapter__label{padding-inline-start:var(
2
+ --pds-spacing-l
3
+ )}.pds-pagination-chapter__btn--next{align-items:flex-start;margin-inline-start:auto}.pds-pagination-chapter__label{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-pagination-chapter__nav{align-items:center;color:var(--pds-color-interactive-link-default);display:flex;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-4xs)}}
package/dist/css/component-css/pds-pagination-compact.css ADDED
@@ -0,0 +1 @@
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination-compact{align-items:center;display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-xs)}.pds-pagination-compact .pds-select{min-width:fit-content}.pds-pagination-compact .pds-select__input-inner{column-gap:var(--pds-spacing-4xs)}.pds-pagination-compact .pds-dropdown__item{justify-content:center}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper{border-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__page-input--error .pds-text-input__input-wrapper:focus-within{outline-color:var(--pds-color-status-critical-foreground)}.pds-pagination-compact__count{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);white-space:nowrap}.pds-pagination-compact__nav{align-items:center;display:flex;gap:var(--pds-spacing-4xs)}.pds-pagination-compact__btn{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;width:var(--pds-spacing-xl)}.pds-pagination-compact__btn:hover{background-color:var(--pds-color-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination-compact__btn:active{background-color:var(--pds-color-interactive-background-active)}.pds-pagination-compact__btn:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination-compact__btn--disabled{cursor:not-allowed;opacity:.5}.pds-pagination-compact__btn--disabled:hover{background-color:transparent;color:var(--pds-color-foreground-default)}}
package/dist/css/component-css/pds-pagination.css CHANGED
@@ -1 +1 @@
1
- .pds-pagination{font-family:var(--pds-typography-ff-default)}.pds-pagination a,.pds-pagination button{color:var(--pds-color-text-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);text-decoration:none}.pds-pagination__list{align-items:center;column-gap:var(--pds-spacing-3xs);display:flex;list-style-type:none;margin:0;padding:0}.pds-pagination__item>*{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);display:flex;height:2rem;justify-content:center;min-width:2rem;padding:var(--pds-spacing-xs);padding-block-start:calc(var(--pds-spacing-xs) + .0625rem)}.pds-pagination__item>:hover{background-color:var(--pds-color-pagination-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination__item>:active{background-color:var(--pds-color-pagination-background-active);color:var(--pds-color-pagination-foreground-active)}.pds-pagination__item>:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:0;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-pagination__item>[aria-current=page]{background-color:var(--pds-color-pagination-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination__item--next>*,.pds-pagination__item--prev>*{padding-block-start:var(--pds-spacing-xs)}.pds-pagination__item--truncated span{min-width:unset;padding-inline:var(--pds-spacing-3xs)}.pds-pagination__item--truncated span:hover{background-color:transparent;color:var(--pds-color-text-default)}.pds-pagination__item--disabled>*{cursor:not-allowed;opacity:.5}.pds-pagination__item--disabled>:hover{background-color:transparent;color:var(--pds-color-text-default)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-pagination{--item-size:var(--pds-spacing-l);--item-font-size:var(--pds-typography-size-s);--item-gap:var(--pds-spacing-5xs);font-family:var(--pds-typography-ff-default)}.pds-pagination--m{--item-size:var(--pds-spacing-xl);--item-font-size:var(--pds-typography-size-m);--item-gap:var(--pds-spacing-4xs)}.pds-pagination__list{align-items:center;display:flex;gap:var(--item-gap);list-style-type:none;margin:0;padding:0}.pds-pagination__item>*{height:var(--item-size);min-width:var(--item-size)}.pds-pagination__item .pds-tooltip{align-items:center;display:flex;justify-content:center}.pds-pagination__item .pds-tooltip__trigger-custom{align-items:center;display:flex;height:100%;width:100%}.pds-pagination__item button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--item-font-size);font-weight:var(--pds-typography-fw-medium);height:var(--item-size);justify-content:center;line-height:1;min-width:var(--item-size);padding-block:0;padding-inline:var(--pds-spacing-4xs)}.pds-pagination__item button:hover{background-color:var(--pds-color-interactive-background-hover);color:var(--pds-color-pagination-foreground-hover)}.pds-pagination__item button:active{background-color:var(--pds-color-interactive-background-active)}.pds-pagination__item button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-pagination__item button[aria-current=page],.pds-pagination__item button[aria-current=page]:hover{background-color:var(--pds-color-interactive-background-current);color:var(--pds-color-pagination-foreground-current)}.pds-pagination__item--truncated span{min-width:unset;padding-inline:var(--pds-spacing-3xs)}.pds-pagination__item--truncated span:hover{background-color:transparent;color:var(--pds-color-foreground-default)}}
package/dist/css/component-css/pds-panel-list.css CHANGED
@@ -1 +1 @@
1
- .pds-panel-list{--panel-list-background:var(--pds-color-bg-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--4xs{--panel-row-padding-block:var(--pds-spacing-3xs)}.pds-panel-list--3xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--sm,.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--md{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--lg{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-bg-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}@media (min-width:768px){.pds-panel-row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.pds-panel-row__main{display:flex;justify-content:space-between;min-height:3rem;padding-inline-end:0;position:relative;width:100%}.pds-panel-row__main.is-expandable{padding-inline-end:2rem}.pds-panel-row__expand-button{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:calc(50% - .75em)}.pds-panel-row__expand-button .pds-panel-row__expand-icon{transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button .pds-panel-row__expand-icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button:hover .pds-panel-row__expand-icon{color:var(--pds-color-interactive-link-hover)}.pds-panel-row__expand-button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)!important;outline-offset:.0625rem}.pds-panel-row__items{align-items:center;display:flex}.pds-panel-row__items-inside{margin-top:var(--pds-spacing-s)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-panel-list{--panel-list-background:var(--pds-color-surface-default);--panel-row-padding-block:var(--pds-spacing-m);background-color:var(--panel-list-background);border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-panel);margin:0;padding:0}.pds-panel-list .pds-panel-row{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);overflow:visible}.pds-panel-list .pds-panel-row:last-child{border-bottom:none}.pds-panel-list ul{margin-inline-start:calc(var(--pds-spacing-2xs)*-1)}.pds-panel-list ul li{list-style-type:disc;list-style:outside}.pds-panel-list ul ul li{list-style-type:circle}.pds-panel-list--2xs{--panel-row-padding-block:var(--pds-spacing-2xs)}.pds-panel-list--xs{--panel-row-padding-block:var(--pds-spacing-xs)}.pds-panel-list--s{--panel-row-padding-block:var(--pds-spacing-s)}.pds-panel-list--m{--panel-row-padding-block:var(--pds-spacing-m)}.pds-panel-list--l{--panel-row-padding-block:var(--pds-spacing-l)}.pds-panel-list--secondary{--panel-list-background:var(--pds-color-surface-default-secondary)}.pds-panel-list--transparent{--panel-list-background:transparent}.pds-panel-list--borderless{border-color:var(--panel-list-background)}.pds-panel-row{background-color:transparent;column-gap:var(--pds-spacing-2xl);display:flex;flex-direction:column;overflow:hidden;padding:var(--panel-row-padding-block) var(--pds-spacing-l)}.pds-panel-row ol,.pds-panel-row ul{padding-inline-start:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel-row{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.pds-panel-row__main{display:flex;gap:var(--pds-spacing-xl);justify-content:space-between;min-height:3rem;padding-inline-end:0;position:relative;width:100%}.pds-panel-row__main.is-expandable{padding-inline-end:var(--pds-spacing-3xl)}.pds-panel-row__expand-button{background-color:transparent;border:0;cursor:pointer;position:absolute;right:0;top:calc(50% - .75em)}.pds-panel-row__expand-button .pds-panel-row__expand-icon{color:var(--pds-color-foreground-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button .pds-panel-row__expand-icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-panel-row__expand-button:hover .pds-panel-row__expand-icon{color:var(--pds-color-interactive-foreground-hover)}.pds-panel-row__expand-button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)!important;outline-offset:.0625rem}.pds-panel-row__items{align-items:center;display:flex}.pds-panel-row__items-inside{margin-top:var(--pds-spacing-s)}}
package/dist/css/component-css/pds-panel-stack.css ADDED
@@ -0,0 +1 @@
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-panel-stack{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}}
package/dist/css/component-css/pds-panel.css CHANGED
@@ -1 +1,2 @@
1
- div.pds-panel{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);display:flex}div.pds-panel>:last-child{margin-block-end:0}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-m)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-narrow{padding:var(--pds-spacing-l)}.pds-panel__content--pad-wide{padding:var(--pds-spacing-2xl)}}div.pds-panel--default{background-color:var(--pds-color-bg-default)}div.pds-panel--sunken{background-color:var(--pds-color-panel-sunken-background);border-color:transparent}div.pds-panel--raised{background-color:var(--pds-color-panel-raised-background);border-color:transparent;box-shadow:var(--pds-elevation-raised)}div.pds-panel--overlay{background-color:var(--pds-color-panel-overlay-background);border-color:transparent;box-shadow:var(--pds-elevation-overlay)}div.pds-panel--critical{background-color:var(--pds-color-bg-default);border-color:var(--pds-color-status-critical-foreground)}span.pds-panel__status{border-radius:var(--pds-border-radius-container) 0 0 var(--pds-border-radius-container);margin:calc(var(--pds-border-width-default)*-1);min-width:var(--pds-spacing-xs)}.pds-panel__status-info{background-color:var(--pds-color-status-info-foreground)}.pds-panel__status-success{background-color:var(--pds-color-status-success-foreground)}.pds-panel__status-warning{background-color:var(--pds-color-status-warning-foreground)}.pds-panel__status-critical{background-color:var(--pds-color-status-critical-foreground)}.pds-panel__status-neutral{background-color:var(--pds-color-status-neutral-utility)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-panel{--border-color:var(--pds-color-border-default);--bg-color:var(--pds-color-surface-default);background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-panel);display:flex}.pds-panel__content>:last-child{margin-block-end:0}.pds-panel__content>:first-child>:is(h1,h2,h3,h4,h5,h6):first-child,.pds-panel__content>:is(h1,h2,h3,h4,h5,h6):first-child{font-size:var(--pds-typography-size-l)}.pds-panel__content
2
+ :is(h1,h2,h3,h4,h5,h6):not(.visually-hidden)+:is(p,ul,ol,dl,blockquote,table,pre,form,h1,h2,h3,h4,h5,h6){margin-block-start:var(--pds-spacing-s)}.pds-panel__content{display:block;padding:var(--pds-spacing-l);width:100%}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-m)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-xl)}@media (min-width:768px){.pds-panel__content{padding:var(--pds-spacing-xl)}.pds-panel__content--pad-condensed{padding:var(--pds-spacing-l)}.pds-panel__content--pad-none{padding:0}.pds-panel__content--pad-spacious{padding:var(--pds-spacing-2xl)}}.pds-panel--sunken{--bg-color:var(--pds-color-panel-sunken-background);--border-color:transparent}.pds-panel--raised{--border-color:transparent;box-shadow:var(--pds-elevation-raised)}.pds-panel--overlay{--border-color:transparent;box-shadow:var(--pds-elevation-overlay)}.pds-panel--critical{--border-color:var(--pds-color-status-critical-border)}.pds-panel--discovery{--border-color:var(--pds-color-status-discovery-border)}.pds-panel--info{--border-color:var(--pds-color-status-info-border)}.pds-panel--success{--border-color:var(--pds-color-status-success-border)}.pds-panel--warning{--border-color:var(--pds-color-status-warning-border)}}
package/dist/css/component-css/pds-pantheon-logo.css CHANGED
@@ -1 +1 @@
1
- .pds-pantheon-logo,.pds-pantheon-logo--icon{align-items:center;display:flex;height:var(--pds-spacing-3xl)}.pds-pantheon-logo--wordmark{height:1rem;width:10rem}.pds-pantheon-logo--icon{width:1.25rem}.pds-pantheon-logo a{line-height:0;text-decoration:none}.pds-pantheon-logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-pantheon-logo--sub-brand,.pds-pantheon-logo--sub-brand-small{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-pantheon-logo__separator:before{background-color:var(--pds-color-border-separator);content:"";display:inline-block;height:var(--pds-typography-size-l);margin-block-start:var(--pds-spacing-4xs);width:1px}.pds-pantheon-logo__sub-brand-wordmark{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-m);padding-inline-end:var(--pds-spacing-m);text-transform:uppercase;white-space:nowrap}.pds-pantheon-logo__sub-brand-wordmark a{color:var(--pds-color-fg-default)}.pds-pantheon-logo__sub-brand-wordmark a:hover{color:var(--pds-color-interactive-link-hover)}.pds-pantheon-logo--sub-brand-small a svg{height:var(--pds-spacing-xl)}.pds-pantheon-logo--sub-brand-small .pds-pantheon-logo__sub-brand-wordmark{font-size:var(--pds-typography-size-l)}.pds-pantheon-logo--reverse{--pds-color-fg-default:var(--pds-color-fg-reverse);--pds-color-interactive-link-hover:#dfd8f5;--pds-color-interactive-focus:#36a3ff}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-pantheon-logo{--logo-wordmark-height:var(--pds-typography-size-m);align-items:center;display:flex}.pds-pantheon-logo--s{--logo-wordmark-height:var(--pds-typography-size-s)}.pds-pantheon-logo--l{--logo-wordmark-height:var(--pds-typography-size-l)}.pds-pantheon-logo svg{height:calc(var(--logo-wordmark-height)*2.941);width:auto}.pds-pantheon-logo--wordmark svg{height:var(--logo-wordmark-height);width:auto}.pds-pantheon-logo--wordmark{margin-inline-end:calc(var(--logo-wordmark-height)*-.15)}.pds-pantheon-logo a{line-height:0;text-decoration:none}.pds-pantheon-logo a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:var(--pds-spacing-3xs)}.pds-pantheon-logo--reverse{--pds-color-foreground-default:var(--pds-color-foreground-reverse);--pds-color-foreground-default-secondary:var(--pds-color-foreground-reverse);--pds-color-interactive-focus:var(--pds-color-interactive-reverse-focus)}}
package/dist/css/component-css/pds-payment-icon.css CHANGED
@@ -1 +1 @@
1
- .pds-payment-icon{width:var(--pds-spacing-5xl)}.pds-payment-icon svg{max-width:100%}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-payment-icon{display:inline-flex;line-height:0;vertical-align:middle}.pds-payment-icon svg{height:100%;width:auto}.pds-payment-icon--xs{height:.625rem}.pds-payment-icon--s{height:.75rem}.pds-payment-icon--m{height:1rem}.pds-payment-icon--l{height:1.25rem}.pds-payment-icon--xl{height:1.5rem}.pds-payment-icon--2xl{height:2rem}.pds-payment-icon--3xl{height:2.5rem}}
package/dist/css/component-css/pds-picture.css CHANGED
@@ -1 +1 @@
1
- .pds-picture{display:inline-block}.pds-picture__img{display:block;height:auto;max-width:100%}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-picture{display:inline-block}.pds-picture__img{display:block;height:auto;max-width:100%}}
package/dist/css/component-css/pds-pie-chart.css ADDED
@@ -0,0 +1 @@
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-pie-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-pie-chart--empty{align-items:center;display:flex;justify-content:center}.pds-pie-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m)}.pds-pie-chart__legend--inline,.pds-pie-chart__skeleton-chart{align-items:center;display:flex;justify-content:center}.pds-pie-chart__legend--inline{flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-pie-chart__legend-swatch{border-radius:2px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-pie-chart__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-pie-chart__legend-value{color:var(--pds-color-foreground-default-secondary)}.pds-pie-chart__legend--table{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);font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-m)}.pds-pie-chart__legend-row{align-items:center;display:flex;justify-content:space-between;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-pie-chart__legend-row:not(:last-child){border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-pie-chart__legend-row-label{align-items:center;color:var(--pds-color-foreground-default);display:flex;font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-xs)}.pds-pie-chart__legend-row-value{color:var(--pds-color-foreground-default);font-weight:var(--pds-typography-fw-semibold)}}
package/dist/css/component-css/pds-platform-icon.css CHANGED
@@ -1 +1 @@
1
- .pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon__group{column-gap:var(--pds-spacing-3xs);display:flex}.pds-platform-icon--m{height:1rem}.pds-platform-icon--m svg{height:100%;width:auto}.pds-platform-icon--l{height:1.2rem}.pds-platform-icon--l svg{height:100%;width:auto}.pds-platform-icon--xl{height:1.44rem}.pds-platform-icon--xl svg{height:100%;width:auto}.pds-platform-icon--2xl{height:1.728rem}.pds-platform-icon--2xl svg{height:100%;width:auto}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-platform-icon{align-items:center;display:inline-flex;line-height:0;vertical-align:middle}.pds-platform-icon--xs{height:.625rem}.pds-platform-icon--xs svg{height:100%;width:auto}.pds-platform-icon--s{height:.75rem}.pds-platform-icon--s svg{height:100%;width:auto}.pds-platform-icon--m{height:1rem}.pds-platform-icon--m svg{height:100%;width:auto}.pds-platform-icon--l{height:1.25rem}.pds-platform-icon--l svg{height:100%;width:auto}.pds-platform-icon--xl{height:1.5rem}.pds-platform-icon--xl svg{height:100%;width:auto}.pds-platform-icon--2xl{height:2rem}.pds-platform-icon--2xl svg{height:100%;width:auto}.pds-platform-icon--3xl{height:2.5rem}.pds-platform-icon--3xl svg{height:100%;width:auto}}
package/dist/css/component-css/pds-popover.css CHANGED
@@ -1 +1 @@
1
- .pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;cursor:pointer;display:flex;justify-content:center;padding-inline:var(--pds-spacing-4xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{padding-inline:var(--pds-spacing-4xs)}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block}.pds-popover__trigger-text:hover{border-color:var(--pds-color-interactive-link-hover);color:var(--pds-color-interactive-link-hover)}.pds-popover__arrow path{fill:var(--pds-color-background-default);filter:drop-shadow(var(--pds-elevation-overlay))}.pds-popover__container{background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:40vw;padding:var(--pds-spacing-l);width:max-content;z-index:var(--pds-z-index-overlay)}@media (max-width:767px){.pds-popover__container{max-width:80vw}}.pds-popover__container:focus{outline:none}.pds-popover__title{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-popover__content a{outline:0}.pds-popover__content>:last-child{margin-block-end:0}.pds-popover__container-inner{position:relative}.pds-popover__close-wrapper{height:var(--pds-spacing-xl);position:absolute;right:0;top:0;width:var(--pds-spacing-xl)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-popover{display:inline-block}.pds-popover__trigger{align-items:center;background-color:transparent;border:none;border-radius:100%;cursor:pointer;display:inline-flex;line-height:0;padding:var(--pds-spacing-5xs);transition:var(--pds-animation-transition-link)}.pds-popover__trigger:focus-visible{border-radius:var(--pds-border-radius-input);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-popover__icon{display:block}.pds-popover__trigger-text{border-bottom:var(--pds-border-width-thicker) dotted var(--pds-color-interactive-link-default);display:inline-block;line-height:normal}.pds-popover__trigger-text:hover{color:var(--pds-color-interactive-link-default)}.pds-popover__arrow path{fill:var(--pds-color-surface-default)}.pds-popover__container{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:40vw;padding:var(--pds-spacing-m);width:max-content;z-index:var(--pds-z-index-overlay)}@media (max-width:767px){.pds-popover__container{max-width:80vw}}.pds-popover__container:focus{outline:none}.pds-popover__title{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-xs)}.pds-popover__content a{outline:0}.pds-popover__content>:last-child{margin-block-end:0}.pds-popover__container-inner{position:relative}.pds-popover__close-wrapper{height:var(--pds-spacing-xl);position:absolute;right:0;top:0;width:var(--pds-spacing-xl)}}
package/dist/css/component-css/pds-progress-bar.css CHANGED
@@ -1 +1 @@
1
- .pds-progress-bar__label{color:var(--pds-color-fg-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);position:relative}.pds-progress-bar__details{column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between}.pds-progress-bar__message{color:var(--pds-color-fg-default-secondary)}.pds-progress-bar__message,.pds-progress-bar__percentage{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-progress-bar__wrapper{margin-block:var(--pds-spacing-2xs)}.pds-progress-bar__track{background-color:var(--pds-color-status-neutral-background);border-radius:3.5rem;height:var(--pds-spacing-s);overflow:hidden;width:100%}.pds-progress-bar__track--lg{height:var(--pds-spacing-xl)}.pds-progress-bar__track--sm{height:var(--pds-spacing-xs)}.pds-progress-bar__bar{border-radius:0 3.5rem 3.5rem 0;height:100%;min-width:token("spacing.5XS" to rem);transition:width .8s ease-out}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-progress-bar__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s);position:relative}.pds-progress-bar__details{column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between}.pds-progress-bar__message{color:var(--pds-color-foreground-default-secondary)}.pds-progress-bar__message,.pds-progress-bar__percentage{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-progress-bar__wrapper{margin-block:var(--pds-spacing-2xs)}.pds-progress-bar__track{background-color:var(--pds-color-status-neutral-background);border-radius:3.5rem;height:var(--pds-spacing-m);overflow:hidden;width:100%}.pds-progress-bar__track--l{height:var(--pds-spacing-xl)}.pds-progress-bar__track--s{height:var(--pds-spacing-xs)}.pds-progress-bar__bar{border-radius:0 3.5rem 3.5rem 0;height:100%;min-width:var(--pds-spacing-5xs);transition:width .8s ease-out}}
package/dist/css/component-css/pds-progress-ring.css CHANGED
@@ -1 +1 @@
1
- .pds-progress-ring{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.pds-progress-ring__label{color:var(--pds-color-fg-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-progress-ring__track{fill:none;stroke:var(--pds-color-status-neutral-background)}.pds-progress-ring__progress{fill:none;stroke:var(--pds-color-status-info-foreground);stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .8s ease-out}.pds-progress-ring__loading-text{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);letter-spacing:-.0125rem}.pds-progress-ring__loading-text--sm{font-size:var(--pds-typography-size-s)}.pds-progress-ring__loading-text--lg{font-size:var(--pds-typography-size-l)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-progress-ring{align-items:center;display:inline-flex;flex-direction:column;justify-content:center}.pds-progress-ring__label{color:var(--pds-color-foreground-default);display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-s)}.pds-progress-ring__track{fill:none;stroke:var(--pds-color-status-neutral-background)}.pds-progress-ring__progress{fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dashoffset .8s ease-out}.pds-progress-ring__loading-text{fill:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);letter-spacing:-.0125rem}.pds-progress-ring__loading-text--s{font-size:var(--pds-typography-size-s)}.pds-progress-ring__loading-text--l{font-size:var(--pds-typography-size-l)}}
package/dist/css/component-css/pds-proportion-bar.css ADDED
@@ -0,0 +1 @@
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-proportion-bar{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-proportion-bar--empty{align-items:center;display:flex;justify-content:center}.pds-proportion-bar--empty .pds-compact-empty-state{padding-block:var(--pds-spacing-l)}.pds-proportion-bar__track{border-radius:var(--pds-border-radius-bar);display:flex;overflow:hidden;width:100%}.pds-proportion-bar__segment{flex-shrink:0;height:100%;transition:filter .15s ease}.pds-proportion-bar__segment:hover{filter:brightness(.88)}.pds-proportion-bar__legend{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-l)}.pds-proportion-bar__legend--center{justify-content:center}.pds-proportion-bar__legend--left{justify-content:flex-start;margin-inline-start:.125rem}.pds-proportion-bar__legend-item{align-items:center;color:var(--pds-color-foreground-default);display:flex;gap:var(--pds-spacing-3xs)}.pds-proportion-bar__legend-swatch{border-radius:3px;display:inline-block;flex-shrink:0;height:10px;width:10px}.pds-proportion-bar__legend-label{font-weight:var(--pds-typography-fw-medium)}.pds-proportion-bar__legend-value{color:var(--pds-color-foreground-default-secondary)}.pds-proportion-bar__legend-separator{color:var(--pds-color-border-default);user-select:none}}
package/dist/css/component-css/pds-radio-group.css CHANGED
@@ -1 +1 @@
1
- .pds-radio-group__options{display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}.pds-radio-group__option{--radio-input-size:1rem;align-items:start;column-gap:var(--pds-spacing-xs);display:grid;grid-template-columns:var(--radio-input-size) auto}.pds-radio-group__option input[type=radio]{appearance:none;background-size:calc(var(--radio-input-size)*.5);border-color:var(--pds-color-border-input);border-radius:50%;border-style:solid;border-width:var(--pds-border-width-thicker);height:var(--radio-input-size);margin:0;place-content:center;position:relative;top:.0625rem;width:var(--radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{background-color:transparent;transition:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms}.pds-radio-group__option input[type=radio]:checked{border-color:var(--pds-color-interactive-focus);box-shadow:0 0 0 .0625rem var(--pds-color-interactive-focus),inset 0 0 0 .09375rem var(--pds-color-interactive-focus)}.pds-radio-group__option input[type=radio]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular)}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:63%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-radio-group__options{display:flex;flex-direction:column;margin-block-end:var(--pds-spacing-xs);row-gap:var(--pds-spacing-m)}.pds-radio-group__option{--radio-input-size:1rem;align-items:center;column-gap:var(--pds-spacing-2xs);display:flex}.pds-radio-group__option input[type=radio]{appearance:none;background-color:transparent;border-color:var(--pds-color-foreground-default);border-radius:50%;border-style:solid;border-width:var(--pds-border-width-default);box-sizing:border-box;cursor:pointer;flex-shrink:0;height:var(--radio-input-size);margin:0;max-height:var(--radio-input-size);max-width:var(--radio-input-size);min-height:var(--radio-input-size);min-width:var(--radio-input-size);padding:0;width:var(--radio-input-size)}.pds-radio-group__option input[type=radio],.pds-radio-group__option input[type=radio]:checked{transition:var(--pds-animation-duration-default) var(--pds-animation-timing-function-default) 0ms}.pds-radio-group__option input[type=radio]:checked{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background);box-shadow:inset 0 0 0 .15rem var(--pds-color-surface-default)}.pds-radio-group__option input[type=radio]:checked:before{all:unset}.pds-radio-group__option input[type=radio]:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-radio-group__option>label{cursor:pointer;font-size:var(--pds-typography-size-input-label);font-weight:var(--pds-typography-fw-regular);margin-block-end:0}.pds-radio-group__option input[type=radio]:disabled,.pds-radio-group__option input[type=radio]:disabled~label{opacity:40%}.pds-radio-group__option input[type=radio]:disabled:hover{cursor:not-allowed}}
package/dist/css/component-css/pds-result-count.css ADDED
@@ -0,0 +1 @@
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-result-count{--bg-color:var(--pds-color-surface-default);--border-color:var(--pds-color-border-default);--fg-color:var(--pds-color-foreground-default);align-items:center;background-color:var(--bg-color);border:var(--pds-border-width-default) solid var(--border-color);border-radius:var(--pds-border-radius-container);color:var(--fg-color);display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-variant-numeric:tabular-nums;font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-button-height-s);padding-inline:var(--pds-spacing-xs);white-space:nowrap}.pds-result-count__number{font-weight:var(--pds-typography-fw-semibold)}}
package/dist/css/component-css/pds-section-message.css CHANGED
@@ -1 +1 @@
1
- .pds-section-message{--message-bg:var(--pds-color-status-info-background);--message-fg:var(--pds-color-status-info-foreground);--message-border:var(--pds-color-status-info-border);background-color:var(--message-bg);border:var(--pds-border-width-default) solid var(--message-border);border-radius:var(--pds-border-radius-container);color:var(--pds-color-fg-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-s) var(--pds-spacing-l) var(--pds-spacing-s) var(--pds-spacing-m);position:relative}@media (min-width:768px){.pds-section-message{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}}.pds-section-message .pds-button.pds-button--secondary{--button-background-color:var(--message-bg);--button-foreground-color:var(--message-fg);--button-border-color:var(--message-fg)}.pds-section-message .pds-button.pds-button--secondary:hover:enabled{--button-background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}.pds-section-message__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-section-message__title{color:var(--message-fg);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs)}.pds-section-message__message{padding-inline-end:var(--pds-spacing-3xs)}.pds-section-message__message p{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-section-message__message p:last-child{margin-block-end:0}.pds-section-message__message p a{color:var(--pds-color-fg-default)}.pds-section-message__icon{align-items:center;align-self:start;color:var(--message-fg);display:flex}.pds-section-message__icon svg{height:1.125rem;width:auto}.pds-section-message__actions{align-self:center;display:flex;gap:var(--pds-spacing-m)}@media (max-width:767px){.pds-section-message__cta{margin-block-start:var(--pds-spacing-xl);width:100%}}.pds-section-message__dismiss{align-self:center;background-color:var(--message-bg);color:var(--message-fg);flex-shrink:0}.pds-section-message__dismiss:hover{background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}@media (max-width:767px){.pds-section-message__dismiss{position:absolute;right:var(--pds-spacing-m);top:var(--pds-spacing-m)}}.pds-section-message--dismissing{animation:hideMessageAnimation .2s ease-in;animation-fill-mode:forwards}.pds-section-message--dismissed{display:none}@media (min-width:768px){.pds-section-message--hasTitle,.pds-section-message--hasTitle .pds-section-message__content,.pds-section-message--hasTitle .pds-section-message__icon{align-items:flex-start}}@media (max-width:767px){.pds-section-message--hasDismiss .pds-section-message__message,.pds-section-message--hasDismiss .pds-section-message__title{width:calc(100% - var(--pds-spacing-l))}}.pds-section-message--info{--message-bg:var(--pds-color-status-info-background);--message-border:var(--pds-color-status-info-border);--message-fg:var(--pds-color-status-info-foreground)}.pds-section-message--success{--message-bg:var(--pds-color-status-success-background);--message-border:var(--pds-color-status-success-border);--message-fg:var(--pds-color-status-success-foreground)}.pds-section-message--warning{--message-bg:var(--pds-color-status-warning-background);--message-border:var(--pds-color-status-warning-border);--message-fg:var(--pds-color-status-warning-foreground)}.pds-section-message--critical{--message-bg:var(--pds-color-status-critical-background);--message-border:var(--pds-color-status-critical-border);--message-fg:var(--pds-color-status-critical-foreground)}.pds-section-message--discovery{--message-bg:var(--pds-color-status-discovery-background);--message-border:var(--pds-color-status-discovery-border);--message-fg:var(--pds-color-status-discovery-foreground)}.pds-section-message[data-context=marketing] .pds-section-message__title{font-size:var(--pds-typography-size-l)}.pds-section-message[data-context=marketing] .pds-section-message__message p{font-size:var(--pds-typography-size-m)}@keyframes hideMessageAnimation{to{opacity:0}0%{opacity:1}}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-section-message{--message-bg:var(--pds-color-status-info-background);--message-fg:var(--pds-color-status-info-foreground);--message-border:var(--pds-color-status-info-border);background-color:var(--message-bg);border:var(--pds-border-width-default) solid var(--message-border);border-radius:var(--pds-border-radius-container);color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-s) var(--pds-spacing-l) var(--pds-spacing-s) var(--pds-spacing-m);position:relative}@media (min-width:768px){.pds-section-message{align-items:center;flex-direction:row;gap:var(--pds-spacing-xl);justify-content:space-between}}.pds-section-message .pds-button.pds-button--secondary{--button-background-color:var(--message-bg);--button-foreground-color:var(--message-fg);--button-border-color:var(--message-fg)}.pds-section-message .pds-button.pds-button--secondary:hover:enabled{--button-background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}.pds-section-message__content{align-items:flex-start;display:flex;gap:var(--pds-spacing-s)}.pds-section-message__title{color:var(--message-fg);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);margin-block-end:var(--pds-spacing-2xs);margin-block-start:.125rem}.pds-section-message__message{padding-inline-end:var(--pds-spacing-3xs)}.pds-section-message__message p{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-s);line-height:var(--pds-typography-lh-m)}.pds-section-message__message p:first-child{margin-block-start:0}.pds-section-message__message p:last-child{margin-block-end:0}.pds-section-message__message p a{color:var(--pds-color-foreground-default)}.pds-section-message__icon{align-items:center;color:var(--message-fg);display:flex;margin-block-start:.125rem}.pds-section-message__actions{align-self:center;display:flex;gap:var(--pds-spacing-m)}@media (max-width:767px){.pds-section-message__cta{margin-block-start:var(--pds-spacing-xl);width:100%}}.pds-section-message__dismiss{align-self:center;background-color:var(--message-bg);color:var(--message-fg);flex-shrink:0}.pds-section-message__dismiss:hover{background-color:color-mix(in oklch,var(--message-bg) 90%,var(--message-fg))}@media (max-width:767px){.pds-section-message__dismiss{position:absolute;right:var(--pds-spacing-m);top:var(--pds-spacing-m)}}.pds-section-message--dismissing{animation:hideMessageAnimation .2s ease-in;animation-fill-mode:forwards}.pds-section-message--dismissed{display:none}@media (min-width:768px){.pds-section-message--hasTitle,.pds-section-message--hasTitle .pds-section-message__content,.pds-section-message--hasTitle .pds-section-message__icon{align-items:flex-start}}@media (max-width:767px){.pds-section-message--hasDismiss .pds-section-message__message,.pds-section-message--hasDismiss .pds-section-message__title{width:calc(100% - var(--pds-spacing-l))}}.pds-section-message--info{--message-bg:var(--pds-color-status-info-background);--message-border:var(--pds-color-status-info-border);--message-fg:var(--pds-color-status-info-foreground)}.pds-section-message--success{--message-bg:var(--pds-color-status-success-background);--message-border:var(--pds-color-status-success-border);--message-fg:var(--pds-color-status-success-foreground)}.pds-section-message--warning{--message-bg:var(--pds-color-status-warning-background);--message-border:var(--pds-color-status-warning-border);--message-fg:var(--pds-color-status-warning-foreground)}.pds-section-message--critical{--message-bg:var(--pds-color-status-critical-background);--message-border:var(--pds-color-status-critical-border);--message-fg:var(--pds-color-status-critical-foreground)}.pds-section-message--discovery{--message-bg:var(--pds-color-status-discovery-background);--message-border:var(--pds-color-status-discovery-border);--message-fg:var(--pds-color-status-discovery-foreground)}.pds-section-message[data-context=marketing] .pds-section-message__title{font-size:var(--pds-typography-size-l)}.pds-section-message[data-context=marketing] .pds-section-message__message p{font-size:var(--pds-typography-size-m)}@keyframes hideMessageAnimation{to{opacity:0}0%{opacity:1}}}
package/dist/css/component-css/pds-segmented-button.css CHANGED
@@ -1 +1,2 @@
1
- .pds-segmented-button{--segmented-button-padding:var(--pds-spacing-4xs);--segmented-button-gap-inline:var(--pds-spacing-3xs);--segmented-button-total-height:var(--pds-spacing-button-height-s);--segmented-button-inner-height:calc(var(--segmented-button-total-height) - var(--segmented-button-padding)*2);--segmented-button-option-padding-inline:var(--pds-spacing-s);--segmented-button-text-size:var(--pds-typography-size-s);display:inline-block;padding:0}.pds-segmented-button__options{align-items:center;gap:var(--segmented-button-gap-inline);height:var(--segmented-button-total-height);padding:var(--segmented-button-padding)}.pds-segmented-button__option,.pds-segmented-button__options{background-color:var(--pds-color-segmented-button-background-inactive);border-radius:var(--pds-border-radius-button);display:flex}.pds-segmented-button__option{cursor:pointer;height:var(--segmented-button-inner-height);transition:var(--pds-animation-transition-button)}.pds-segmented-button__option label{align-items:center;color:var(--pds-color-segmented-button-foreground-inactive);column-gap:var(--pds-spacing-3xs);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--segmented-button-text-size);font-weight:var(--pds-typography-fw-medium);line-height:1;margin-block:0;padding-inline:var(--segmented-button-option-padding-inline);white-space:nowrap}.pds-segmented-button__option:hover{background-color:var(--pds-color-segmented-button-background-active)}.pds-segmented-button__option:hover label{color:var(--pds-color-segmented-button-foreground-active)}.pds-segmented-button__option--checked{background-color:var(--pds-color-segmented-button-background-active);transition:var(--pds-animation-transition-button)}.pds-segmented-button__option--checked label{color:var(--pds-color-segmented-button-foreground-active)}input:focus-visible+label{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-segmented-button__option input:disabled+label{cursor:not-allowed;opacity:40%}.pds-segmented-button__option:has(input:disabled):hover{background-color:var(--pds-color-segmented-button-background-inactive)}.pds-segmented-button__option:has(input:disabled):hover label{color:var(--pds-color-segmented-button-foreground-inactive)}.pds-segmented-button--s{--segmented-button-total-height:var(--pds-spacing-button-height-s);--segmented-button-padding:var(--pds-spacing-4xs);--segmented-button-gap-inline:var(--pds-spacing-3xs);--segmented-button-option-padding-inline:var(--pds-spacing-s);--segmented-button-text-size:var(--pds-typography-size-s)}.pds-segmented-button--m{--segmented-button-total-height:var(--pds-spacing-button-height-m);--segmented-button-padding:var(--pds-spacing-4xs);--segmented-button-gap-inline:var(--pds-spacing-2xs);--segmented-button-option-padding-inline:var(--pds-spacing-m);--segmented-button-text-size:var(--pds-typography-size-m)}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-segmented-button{--seg-font-size:var(--pds-typography-size-xs);--seg-gap:var(--pds-spacing-2xs);--seg-height:var(--pds-spacing-xl);--seg-icon-size:0.875rem;--seg-padding-inline:var(--pds-spacing-s);border:0;display:inline-block;margin:0;min-inline-size:0;padding:0}.pds-segmented-button--s{--seg-font-size:var(--pds-typography-size-2xs);--seg-gap:var(--pds-spacing-3xs);--seg-height:var(--pds-spacing-l);--seg-icon-size:0.75rem;--seg-padding-inline:var(--pds-spacing-2xs)}.pds-segmented-button--l{--seg-font-size:var(--pds-typography-size-s);--seg-gap:var(--pds-spacing-2xs);--seg-height:var(--pds-spacing-2xl);--seg-icon-size:1rem;--seg-padding-inline:var(--pds-spacing-m)}.pds-segmented-button .pds-segmented-button__icon{block-size:var(--seg-icon-size);inline-size:var(--seg-icon-size)}.pds-segmented-button__track{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);padding:3px}.pds-segmented-button--bordered .pds-segmented-button__track{box-shadow:inset 0 0 0 var(--pds-border-width-default) var(--pds-color-border-default-secondary)}.pds-segmented-button__option{display:flex;flex-shrink:0}.pds-segmented-button__option label{align-items:center;block-size:var(--seg-height);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--seg-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--seg-gap);justify-content:center;line-height:0;margin-block:0;padding-inline:var(--seg-padding-inline);white-space:nowrap}.pds-segmented-button__option:not(.pds-segmented-button__option--disabled):not(.pds-segmented-button__option--checked):hover
2
+ label{color:var(--pds-color-interactive-foreground-hover)}.pds-segmented-button__option--checked label{background-color:var(--pds-color-segmented-control-selected-background)}.pds-segmented-button__option--disabled{cursor:not-allowed;opacity:.4}.pds-segmented-button__option--disabled label{cursor:not-allowed}.pds-segmented-button__option input:focus-visible+label{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-segmented-button--icon-only .pds-segmented-button__option label{gap:0;inline-size:var(--seg-height);padding-inline:0}}
package/dist/css/component-css/pds-select.css CHANGED
@@ -1 +1 @@
1
- .pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);display:flex;gap:var(--pds-spacing-s);column-gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-s);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-select__input-inner{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:default;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}.pds-select__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);flex-shrink:0;pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-select__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:var(--pds-spacing-s)}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__group-label{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-select__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-select__option-icon{align-self:center;color:var(--pds-color-fg-default);display:flex;flex-shrink:0;margin-block-start:-.0625rem}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-select{min-width:6.25rem;position:relative}.pds-select--auto-width{width:fit-content}.pds-select__sizer{height:0;overflow:hidden;visibility:hidden}.pds-select__sizer .pds-select__input-wrapper{height:auto;width:max-content}.pds-select__sizer .pds-select__option-text{overflow:visible}.pds-select__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);column-gap:var(--pds-spacing-xs);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-select__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-select--m .pds-select__input-wrapper{column-gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-select__input-inner{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-select__input-inner,.pds-select__option-text{align-items:center;display:flex;min-width:0;overflow:hidden}.pds-select__option-text{cursor:pointer;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-label-text{overflow:hidden;text-overflow:ellipsis}.pds-select__icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}.pds-select__icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-select--m .pds-select__icon.pds-icon--m,.pds-select__trigger-icon.pds-icon--l{height:1rem;width:1rem}.pds-select--m .pds-select__trigger-icon.pds-icon--l{height:1.125rem;width:1.125rem}.pds-select__option-icon.pds-icon--m{height:.875rem;width:.875rem}.pds-select__trigger-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0;pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-select__input-wrapper[aria-expanded=true] .pds-select__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-select__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;padding-block-end:0}.pds-select__dropdown:focus-visible{outline:none}.pds-select__group{padding-block-start:var(--pds-spacing-s)}.pds-select__group-options,.pds-select__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;width:100%}.pds-select__group-options [aria-disabled=true],.pds-select__options [aria-disabled=true]{background:transparent;cursor:not-allowed;opacity:.5}.pds-select__options .pds-dropdown__item:last-child{margin-block-end:var(--pds-spacing-2xs)}.pds-select__option-label{align-items:center;display:flex;gap:var(--pds-spacing-xs);white-space:nowrap}.pds-select__option-icon{align-self:center;color:var(--pds-color-foreground-default);display:flex;flex-shrink:0}}
package/dist/css/component-css/pds-side-nav-global.css CHANGED
@@ -1,5 +1,3 @@
1
- .pds-side-nav-global{--side-nav-global-icon-width:var(--pds-spacing-xl);--side-nav-global-space-after-icon:var(--pds-spacing-s);--side-nav-global-foreground-color:var(
2
- --pds-color-dashboard-nav-item-foreground-default
3
- );--side-nav-global-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-1px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-m)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(
4
- --pds-color-dashboard-nav-item-foreground-active
5
- );--side-nav-global-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:var(--pds-typography-fw-semibold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-side-nav-global__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}@media (min-width:768px){.pds-side-nav-global--collapsed{width:max-content}}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}@media (max-width:767px){.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:1}}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{width:2.875rem}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-side-nav-global__menu--second-level-flyout{row-gap:0}.pds-side-nav-global__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-side-nav-global__item--second-level-flyout.pds-side-nav-global__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-side-nav-global .pds-dropdown-menu .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-side-nav-global .pds-dropdown-menu__item a{padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon) + .0625rem)}@media (max-width:767px){.pds-side-nav-global__logo-wrapper,.pds-side-nav-global__menu--top-level{display:none}.pds-side-nav-global__dropdown-menu{display:block}}@media (min-width:768px){.pds-side-nav-global__menu--top-level{display:flex}.pds-side-nav-global__logo-wrapper{display:block}.pds-side-nav-global__dropdown-menu{display:none}}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav-global{--side-nav-global-icon-width:var(--pds-spacing-xl);--side-nav-global-space-after-icon:var(--pds-spacing-s);--side-nav-global-foreground-color:var(
2
+ --pds-color-foreground-default-secondary
3
+ );--side-nav-global-outline-color:var(--pds-color-interactive-focus);--side-nav-global-toggle-size:1.5rem;font-family:var(--pds-typography-ff-default)}.pds-side-nav-global,.pds-side-nav-global a{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a{text-decoration:none}.pds-side-nav-global a:focus{box-shadow:none;outline:none}.pds-side-nav-global a:hover{color:var(--side-nav-global-foreground-color)}.pds-side-nav-global a:focus-visible,.pds-side-nav-global button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--side-nav-global-outline-color);outline-offset:-2px}.pds-side-nav-global .pds-icon{pointer-events:none}.pds-side-nav-global__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-side-nav-global__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-global__menu.pds-side-nav-global__menu--top-level{row-gap:var(--pds-spacing-xs)}.pds-side-nav-global__item{list-style-type:none;margin-bottom:0}.pds-side-nav-global__item--top-level{padding-inline-start:var(--side-nav-global-item-inset,0);position:relative}.pds-side-nav-global__item--top-level:before{background-color:var(--pds-color-interactive-background-current);border-radius:0 var(--pds-border-radius-container) var(--pds-border-radius-container) 0;content:"";height:var(--pds-spacing-dashboard-nav-item-height);inset-block-start:0;inset-inline-start:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .15s ease-in-out;width:.25rem}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active:before{transform:scaleX(1)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--active .pds-side-nav-global__item-wrapper:hover{background-color:var(--pds-color-interactive-background-active)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;position:relative;width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:hover{--side-nav-global-foreground-color:var(--pds-color-foreground-default);background-color:var(--pds-color-interactive-background-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-wrapper:has(.pds-side-nav-global__toggle) a{padding-inline-end:var(--side-nav-global-toggle-size)}.pds-side-nav-global__item--top-level .pds-side-nav-global__item-inner{align-items:center;display:flex}.pds-side-nav-global__link-icon{align-items:center;display:flex;flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--side-nav-global-space-after-icon);width:var(--side-nav-global-icon-width)}.pds-side-nav-global__link-icon .pds-icon--house,.pds-side-nav-global__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-side-nav-global__separator{background-color:var(--pds-color-border-separator);block-size:var(--pds-border-width-default);border:none;list-style-type:none;margin-block:var(--pds-spacing-s);margin-inline:var(--side-nav-global-item-inset,0) 0;pointer-events:none}.pds-side-nav-global__section-label{color:var(--side-nav-global-foreground-color);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-semibold);letter-spacing:var(--pds-typography-ls-xl);line-height:var(--pds-typography-lh-s);list-style-type:none;margin-block:0;padding-block:0 var(--pds-spacing-2xs);padding-inline-start:var(--side-nav-global-item-inset,0);text-transform:uppercase}.pds-side-nav-global__menu--second-level{color:var(--pds-color-foreground-default-secondary);display:none;margin-block-start:var(--pds-spacing-4xs);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--side-nav-global-icon-width) + var(--side-nav-global-space-after-icon))}.pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded{display:flex;row-gap:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level{font-size:var(--pds-typography-size-s)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a{border-radius:var(--pds-border-radius-container);display:block;padding-block:var(--pds-spacing-3xs)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level.pds-side-nav-global__item--active a{color:var(--pds-color-interactive-foreground-active);font-weight:var(--pds-typography-fw-bold)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:hover{color:var(--pds-color-interactive-foreground-hover);transition:var(--pds-animation-transition-button)}.pds-side-nav-global__item.pds-side-nav-global__item--second-level a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-global__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--side-nav-global-foreground-color);cursor:pointer;display:flex;height:var(--side-nav-global-toggle-size);inset-inline-end:var(--pds-spacing-4xs);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--side-nav-global-toggle-size)}.pds-side-nav-global__toggle .pds-icon{transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav-global__link-label{opacity:1;transition:opacity .1s ease-in-out}@keyframes pds-side-nav-global-label-fade-in{0%{opacity:0}to{opacity:1}}.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:pds-side-nav-global-label-fade-in .1s ease-in-out both}@media (prefers-reduced-motion:reduce){.pds-side-nav-global--expanded .pds-side-nav-global__link-label,.pds-side-nav-global--expanded .pds-side-nav-global__section-label{animation:none}}.pds-side-nav-global--collapsed{width:max-content}.pds-side-nav-global--collapsed .pds-side-nav-global__logo svg{width:1.25rem}.pds-side-nav-global--collapsed .pds-side-nav-global__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-side-nav-global--collapsed .pds-side-nav-global__menu--second-level.pds-side-nav-global__menu--expanded,.pds-side-nav-global--collapsed .pds-side-nav-global__section-label{display:none}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__item-wrapper a{padding-inline:0;width:var(--pds-spacing-dashboard-nav-item-height)}.pds-side-nav-global__item--top-level.pds-side-nav-global__item--collapsed .pds-side-nav-global__link-icon{margin-inline-end:0;width:100%}.pds-side-nav-global__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;gap:var(--pds-spacing-4xs);max-width:30rem;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-2xs);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-side-nav-global__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-side-nav-global__menu--second-level-flyout{row-gap:var(--pds-spacing-4xs)}.pds-side-nav-global__item--second-level-flyout{color:var(--pds-color-dropdown-foreground);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin:0}.pds-side-nav-global__item--second-level-flyout a{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;display:flex;min-height:var(--pds-spacing-2xl);padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);text-decoration:none}.pds-side-nav-global__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover);color:var(--pds-color-dropdown-foreground)}.pds-side-nav-global__item--second-level-flyout a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-side-nav-global__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}}
package/dist/css/component-css/pds-side-nav.css CHANGED
@@ -1 +1,3 @@
1
- .pds-side-nav{--item-color-foreground:var(--pds-color-fg-default);--item-color-background:transparent;--item-spacing:var(--pds-spacing-xs);font-family:var(--pds-typography-ff-default)}.pds-side-nav,.pds-side-nav a{color:var(--pds-color-fg-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav .pds-icon{pointer-events:none}@media (min-width:768px){.pds-side-nav button{background:none;border:none;cursor:pointer;padding:0}}h2.pds-side-nav__heading{font-weight:var(--pds-typography-fw-semibold);word-wrap:break-word;margin-block-end:var(--pds-spacing-l)}h2.pds-side-nav__heading a{color:var(--pds-color-fg-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item-wrapper,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,button.pds-side-nav__toggle--main{align-items:flex-start;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--pds-typography-fw-regular);line-height:1.2;list-style-type:none;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-side-nav__item-wrapper:hover,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,button.pds-side-nav__toggle--main:hover{--item-color-background:var(--pds-color-button-secondary-background-hover);--item-color-foreground:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__item-wrapper:focus-visible,.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,button.pds-side-nav__toggle--main:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__item-wrapper,button.pds-side-nav__toggle--main{align-items:flex-start;column-gap:var(--pds-spacing-m);display:flex;justify-content:space-between}.pds-side-nav__item-wrapper{padding-block:calc(var(--pds-spacing-s) - .09375rem)}.pds-side-nav__item-wrapper a,button.pds-side-nav__toggle--main{width:100%}.pds-side-nav__toggle-content{flex:1;text-align:left}.pds-side-nav__item-wrapper>a:focus-visible{border-radius:calc(var(--pds-border-radius-button)*.5);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:8px}.pds-side-nav__item-wrapper>button:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:3px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-button-secondary-background-hover);--item-color-foreground:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:var(--pds-spacing-l)}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}@media (max-width:767px){.pds-side-nav__heading,.pds-side-nav__menu--top-level{display:none}}@media (min-width:768px){.pds-side-nav__mobile{display:none}}
1
+ @layer pds-v1, pds-v2;@layer pds-v2{.pds-side-nav{--item-color-foreground:var(--pds-color-foreground-default);--item-color-background:transparent;--item-font-weight:var(--pds-typography-fw-regular);--item-spacing:var(--pds-spacing-3xs);--toggle-size:1.5rem;color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav a{text-decoration:none}.pds-side-nav a,.pds-side-nav a:hover{color:var(--item-color-foreground)}.pds-side-nav .pds-icon{pointer-events:none}.pds-side-nav button.pds-side-nav__toggle,.pds-side-nav button.pds-side-nav__toggle--main{border:none;cursor:pointer}.pds-side-nav button.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){background:none}h2.pds-side-nav__heading{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);word-wrap:break-word}h2.pds-side-nav__heading a{color:var(--pds-color-foreground-default);text-decoration:none}h2.pds-side-nav__heading a:hover{color:var(--pds-color-interactive-foreground-hover)}h2.pds-side-nav__heading a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav__menu{display:flex;flex-direction:column;margin:0;padding:0;row-gap:var(--item-spacing)}.pds-side-nav__item,.pds-side-nav__menu{list-style-type:none}.pds-side-nav__item .pds-tally{margin-inline-start:var(--pds-spacing-3xs)}.pds-side-nav__item .pds-tally:first-child{margin-inline-start:var(--pds-spacing-xs)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a,.pds-side-nav__row{align-items:center;background-color:var(--item-color-background);border-radius:var(--pds-border-radius-container);color:var(--item-color-foreground);display:flex;font-weight:var(--item-font-weight);line-height:1.2;padding:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:hover,.pds-side-nav__row:hover{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-hover)}.pds-side-nav__item:not(.pds-side-nav__item--has-children)>a:focus-visible,.pds-side-nav__row:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-side-nav__row--expandable{column-gap:var(--pds-spacing-m);justify-content:space-between;width:100%}.pds-side-nav__row--expandable>.pds-side-nav__toggle-content,.pds-side-nav__row--expandable>a{flex:1;text-align:left}.pds-side-nav__row--expandable.pds-side-nav__item-wrapper{padding:0;position:relative}.pds-side-nav__row--expandable>a{border-radius:var(--pds-border-radius-container);padding:var(--pds-spacing-xs) var(--pds-spacing-s);padding-inline-end:var(--toggle-size)}.pds-side-nav__row--expandable>a:focus-visible,.pds-side-nav__row--expandable>button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-2px}.pds-side-nav__item--active>a{--item-color-background:var(--pds-color-interactive-background-selected);--item-color-foreground:var(--pds-color-interactive-foreground-active);--item-font-weight:var(--pds-typography-fw-bold)}.pds-side-nav__toggle .pds-icon{color:var(--item-color-foreground);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__toggle:not(.pds-side-nav__toggle--main){align-items:center;display:flex;height:var(--toggle-size);inset-inline-end:var(--pds-spacing-2xs);justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:var(--toggle-size)}.pds-side-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-side-nav__menu--second-level{display:none;margin-block-start:var(--item-spacing);padding-inline-start:var(--pds-spacing-l)}.pds-side-nav__menu--second-level.pds-side-nav__menu--expanded{display:flex!important}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{color:var(--pds-color-foreground-default);display:none}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a{color:var(--pds-color-foreground-default)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile a:hover{color:var(--pds-color-interactive-foreground-hover)}.pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile .pds-dropdown-menu__heading{font-size:var(--pds-typography-size-l)}[data-pds-mobile]
2
+ .pds-side-nav--has-mobile-dropdown
3
+ .pds-side-nav__menu--top-level,[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__heading{display:none}[data-pds-mobile] .pds-side-nav--has-mobile-dropdown .pds-side-nav__mobile{display:block}}
package/dist/css/component-css/pds-site-footer.css CHANGED
@@ -1 +1 @@
1
- .pds-site-footer{padding-block:var(--pds-spacing-2xl)}.pds-site-footer--border{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default)}.pds-site-footer__content{border-bottom:calc(var(--pds-border-width-default)*.5) solid var(--pds-color-border-default);margin-block-end:var(--pds-spacing-2xl);padding-block-end:var(--pds-spacing-2xl)}.pds-site-footer__legal{display:flex;flex-direction:column;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-fg-default);text-decoration:none}.pds-site-footer__legal a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-site-footer__legal a:focus-visible{border-radius:var(--pds-border-width-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:calc(var(--pds-border-width-default)*2)}@media (min-width:768px){.pds-site-footer__legal{column-gap:var(--pds-spacing-xl);flex-direction:row;flex-wrap:wrap}}
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-link-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 ADDED
@@ -0,0 +1 @@
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(--shimmer-regular-base-color)}.pds-skeleton--bold{background-color:var(--shimmer-bold-base-color)}.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 ADDED
@@ -0,0 +1,8 @@
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
+ .pds-sortable-list--reorder-active
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
+ .pds-sortable-row,.pds-sortable-list--overlay-keyboard.pds-sortable-list--overlay-invalid
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
+ .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
+ .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}}
package/dist/css/component-css/pds-spinner.css CHANGED
@@ -1 +1 @@
1
- .pds-spinner{--spinner-color-1:var(--pds-color-spinner-full-1);--spinner-color-2:var(--pds-color-spinner-full-2);--spinner-color-3:var(--pds-color-spinner-full-3);align-items:center;display:flex;flex-direction:column;text-align:center}.pds-spinner--inline{align-self:center;display:inline-flex}.pds-spinner__icon{animation:spin 1.2s linear infinite;backface-visibility:hidden;background:radial-gradient(farthest-side,var(--spinner-color-1) 98%,transparent 98%) top/var(--spinner-line) var(--spinner-line) no-repeat,conic-gradient(#0000 120deg,var(--spinner-color-3) 150deg,var(--spinner-color-2) 220deg,var(--spinner-color-1) 350deg);border-radius:50%;height:var(--spinner-size);mask:radial-gradient(farthest-side,#0000 calc(100% - var(--spinner-line)),#000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - var(--spinner-line)),#000 0);width:var(--spinner-size);will-change:transform}@keyframes spin{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}.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)}.pds-spinner--monochromatic{--spinner-color-1:var(--pds-color-spinner-mono-1);--spinner-color-2:var(--pds-color-spinner-mono-2);--spinner-color-3:var(--pds-color-spinner-mono-3)}.pds-spinner--monochromatic-reverse{--spinner-color-1:var(--pds-color-spinner-mono-reverse-1);--spinner-color-2:var(--pds-color-spinner-mono-reverse-2);--spinner-color-3:var(--pds-color-spinner-mono-reverse-3)}
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)}.pds-split-button .pds-split-button__primary-action a,.pds-split-button button.pds-split-button__primary-action{border-bottom-right-radius:0;border-top-right-radius:0;padding-inline-end:var(--pds-spacing-s)}.pds-split-button button.pds-menu-button__trigger{border-bottom-left-radius:0;border-top-left-radius:0;padding-inline-start:var(--pds-spacing-s);position:relative}.pds-split-button button.pds-menu-button__trigger:before{background-color:var(--pds-color-split-button-primary-separator);content:"";height:100%;left:calc(var(--pds-border-width-default)*-1);position:absolute;top:0;transform:translateX(-100%);width:var(--pds-border-width-default)}.pds-split-button--secondary{background-color:var(--pds-color-button-secondary-background-default);border:var(--pds-border-width-default) solid var(--pds-color-button-secondary-border)}.pds-split-button--secondary .pds-split-button__primary-action a,.pds-split-button--secondary button.pds-menu-button__trigger,.pds-split-button--secondary button.pds-split-button__primary-action{border:0}.pds-split-button--secondary button.pds-menu-button__trigger:before{background-color:var(--pds-color-split-button-secondary-separator);transform:translateX(0)}
1
+ @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)}.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-default) 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}.pds-sso-button--l .pds-sso-button__working-indicator{margin-inline-start:var(--pds-spacing-2xs)}}