@pantheon-systems/pds-toolkit-react 2.0.0-alpha.3 → 2.0.0-alpha.31

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 (496) hide show
  1. package/README.md +3 -3
  2. package/dist/components/Avatar/Avatar.d.ts +6 -2
  3. package/dist/components/ComparisonList/ComparisonList.d.ts +10 -1
  4. package/dist/components/Dropdown/Dropdown.d.ts +140 -0
  5. package/dist/components/Dropdown/DropdownSelectedIcon.d.ts +7 -0
  6. package/dist/components/FileDiff/FileDiff.d.ts +2 -2
  7. package/dist/components/IdentityBlock/IdentityBlock.d.ts +37 -0
  8. package/dist/components/Popover/Popover.d.ts +5 -1
  9. package/dist/components/SiteFooter/SiteFooter.d.ts +38 -0
  10. package/dist/components/{navigation/DashboardSearch/DashboardSearch.d.ts → SiteSearch/SiteSearch.d.ts} +6 -11
  11. package/dist/components/SortableList/SortableList.d.ts +8 -0
  12. package/dist/components/SortableList/SortableListHeader.d.ts +7 -0
  13. package/dist/components/SortableList/SortableRow.d.ts +16 -0
  14. package/dist/components/SortableList/sortable-utils.d.ts +19 -0
  15. package/dist/components/SortableList/types.d.ts +142 -0
  16. package/dist/components/SortableList/useSortableTree.d.ts +18 -0
  17. package/dist/components/{RefreshChecker/RefreshChecker.d.ts → StatusChecker/StatusChecker.d.ts} +5 -19
  18. package/dist/components/StatusIndicator/StatusIndicator.d.ts +2 -2
  19. package/dist/components/Table/Table.d.ts +141 -17
  20. package/dist/components/TableOfContents/TableOfContents.d.ts +1 -5
  21. package/dist/components/Tabs/Tabs.d.ts +6 -1
  22. package/dist/components/Tag/Tag.d.ts +13 -2
  23. package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +14 -8
  24. package/dist/components/Tooltip/Tooltip.d.ts +7 -3
  25. package/dist/components/UtilityBar/UtilityBar.d.ts +27 -0
  26. package/dist/components/badges/Badge/Badge.d.ts +28 -0
  27. package/dist/components/buttons/CloseButton/CloseButton.d.ts +2 -2
  28. package/dist/components/buttons/IconButton/IconButton.d.ts +12 -0
  29. package/dist/components/buttons/MenuButton/MenuButton.d.ts +2 -7
  30. package/dist/components/cards/ActionCard/ActionCard.d.ts +64 -0
  31. package/dist/components/cards/Card/Card.d.ts +9 -2
  32. package/dist/components/cards/{CardSelectGroup/CardSelectGroup.d.ts → CardSelect/CardSelect.d.ts} +13 -8
  33. package/dist/components/charts/BarChart/BarChart.d.ts +21 -0
  34. package/dist/components/charts/LineChart/LineChart.d.ts +22 -0
  35. package/dist/components/charts/PieChart/PieChart.d.ts +59 -0
  36. package/dist/components/charts/ProportionBar/ProportionBar.d.ts +57 -0
  37. package/dist/components/charts/shared/ChartAccessibleTable.d.ts +17 -0
  38. package/dist/components/charts/shared/ChartLegend.d.ts +25 -0
  39. package/dist/components/charts/shared/ChartSkeleton.d.ts +11 -0
  40. package/dist/components/charts/shared/chart-colors.d.ts +30 -0
  41. package/dist/components/charts/shared/chart-styles.d.ts +16 -0
  42. package/dist/components/charts/shared/formatters.d.ts +12 -0
  43. package/dist/components/charts/shared/types.d.ts +128 -0
  44. package/dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +1 -1
  45. package/dist/components/icons/Icon/Icon.d.ts +11 -731
  46. package/dist/components/icons/Icon/IconSearch.d.ts +1 -0
  47. package/dist/components/icons/Icon/custom-icons.d.ts +46 -0
  48. package/dist/components/icons/Icon/generated-icon-data.d.ts +1499 -0
  49. package/dist/components/icons/Icon/icon-registry.d.ts +34 -0
  50. package/dist/components/icons/PaymentIcon/PaymentIcon.d.ts +7 -3
  51. package/dist/components/icons/PlatformIcon/PlatformIcon.d.ts +6 -6
  52. package/dist/components/inputs/Checkbox/Checkbox.d.ts +3 -3
  53. package/dist/components/inputs/Combobox/Combobox.d.ts +17 -7
  54. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +33 -6
  55. package/dist/components/inputs/Datepicker/Datepicker.d.ts +16 -2
  56. package/dist/components/inputs/FileUpload/FileUpload.d.ts +6 -1
  57. package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
  58. package/dist/components/inputs/Select/Select.d.ts +11 -2
  59. package/dist/components/inputs/Select/select-sample-data.d.ts +1 -0
  60. package/dist/components/inputs/Switch/Switch.d.ts +1 -17
  61. package/dist/components/inputs/TagsInput/TagsInput.d.ts +105 -0
  62. package/dist/components/inputs/TextInput/TextInput.d.ts +5 -1
  63. package/dist/components/inputs/Textarea/Textarea.d.ts +5 -1
  64. package/dist/components/inputs/input-utilities.d.ts +5 -4
  65. package/dist/components/{CTALink → links/CTALink}/CTALink.d.ts +1 -1
  66. package/dist/components/{LinkNewWindow → links/LinkNewWindow}/LinkNewWindow.d.ts +1 -1
  67. package/dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -0
  68. package/dist/components/navigation/Navbar/Navbar.d.ts +1 -1
  69. package/dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +5 -15
  70. package/dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +5 -1
  71. package/dist/components/navigation/{NavMenu/NavMenu.d.ts → SiteMenu/SiteMenu.d.ts} +5 -8
  72. package/dist/components/navigation/SiteMenu/SiteMenuDropdown.d.ts +23 -0
  73. package/dist/components/navigation/TabMenu/TabMenu.d.ts +6 -1
  74. package/dist/components/navigation/UserMenu/UserMenu.d.ts +1 -5
  75. package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +8 -12
  76. package/dist/components/notifications/Banner/Banner.d.ts +32 -12
  77. package/dist/components/notifications/NotificationsPopover/NotificationsPopover.d.ts +2 -7
  78. package/dist/components/notifications/SectionMessage/SectionMessage.d.ts +6 -2
  79. package/dist/components/notifications/Toaster/Toast.d.ts +13 -2
  80. package/dist/components/notifications/Toaster/Toaster.d.ts +16 -7
  81. package/dist/components/notifications/Toaster/useToast.d.ts +2 -0
  82. package/dist/components/overlays/Drawer/Drawer.d.ts +58 -0
  83. package/dist/components/overlays/FullScreenOverlay/FullScreenOverlay.d.ts +45 -0
  84. package/dist/components/{Modal → overlays/Modal}/Modal.d.ts +1 -1
  85. package/dist/components/{Pagination → pagination/Pagination}/Pagination.d.ts +7 -2
  86. package/dist/components/pagination/PaginationCompact/PaginationCompact.d.ts +49 -0
  87. package/dist/components/pagination/PaginationMini/PaginationMini.d.ts +55 -0
  88. package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +6 -3
  89. package/dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +1 -2
  90. package/dist/components/panels/Panel/Panel.d.ts +1 -18
  91. package/dist/components/panels/PanelList/PanelList.d.ts +1 -1
  92. package/dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +3 -4
  93. package/dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +2 -3
  94. package/dist/components/{FlowSteps/FlowSteps.d.ts → steppers/StepList/StepList.d.ts} +7 -7
  95. package/dist/css/component-css/pds-action-card.css +1 -0
  96. package/dist/css/component-css/pds-avatar.css +1 -1
  97. package/dist/css/component-css/pds-badge.css +1 -0
  98. package/dist/css/component-css/pds-banner.css +1 -1
  99. package/dist/css/component-css/pds-bar-chart.css +1 -0
  100. package/dist/css/component-css/pds-branch-diff.css +1 -1
  101. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  102. package/dist/css/component-css/pds-button-link.css +1 -1
  103. package/dist/css/component-css/pds-button-nav.css +1 -1
  104. package/dist/css/component-css/pds-button.css +9 -3
  105. package/dist/css/component-css/pds-callout.css +1 -1
  106. package/dist/css/component-css/pds-card-select.css +1 -0
  107. package/dist/css/component-css/pds-card.css +1 -1
  108. package/dist/css/component-css/pds-chart-legend.css +1 -0
  109. package/dist/css/component-css/pds-chart-wrapper.css +1 -0
  110. package/dist/css/component-css/pds-checkbox.css +1 -1
  111. package/dist/css/component-css/pds-close-button.css +1 -1
  112. package/dist/css/component-css/pds-combobox-multiselect.css +4 -2
  113. package/dist/css/component-css/pds-combobox.css +1 -1
  114. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  115. package/dist/css/component-css/pds-comparison-list.css +1 -1
  116. package/dist/css/component-css/pds-cta-link.css +1 -1
  117. package/dist/css/component-css/pds-datepicker.css +1 -1
  118. package/dist/css/component-css/pds-drawer.css +1 -0
  119. package/dist/css/component-css/pds-dropdown-menu.css +2 -2
  120. package/dist/css/component-css/pds-dropdown.css +2 -0
  121. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  122. package/dist/css/component-css/pds-file-diff.css +1 -1
  123. package/dist/css/component-css/pds-file-upload.css +2 -2
  124. package/dist/css/component-css/pds-full-screen-overlay.css +1 -0
  125. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  126. package/dist/css/component-css/pds-icon-button.css +4 -4
  127. package/dist/css/component-css/pds-icon-story-only.css +1 -1
  128. package/dist/css/component-css/pds-icon.css +1 -0
  129. package/dist/css/component-css/pds-identity-block.css +1 -0
  130. package/dist/css/component-css/pds-index.css +103 -57
  131. package/dist/css/component-css/pds-inline-message.css +1 -1
  132. package/dist/css/component-css/pds-input-group.css +1 -1
  133. package/dist/css/component-css/pds-input-utilities.css +1 -1
  134. package/dist/css/component-css/pds-line-chart.css +1 -0
  135. package/dist/css/component-css/pds-link-new-window.css +1 -1
  136. package/dist/css/component-css/pds-menu-button.css +4 -1
  137. package/dist/css/component-css/pds-modal.css +1 -1
  138. package/dist/css/component-css/pds-nav-menu.css +2 -2
  139. package/dist/css/component-css/pds-navbar.css +4 -1
  140. package/dist/css/component-css/pds-notification-hub-icon.css +1 -1
  141. package/dist/css/component-css/pds-notifications-popover.css +13 -1
  142. package/dist/css/component-css/pds-pagination-compact.css +1 -0
  143. package/dist/css/component-css/pds-pagination-mini.css +3 -0
  144. package/dist/css/component-css/pds-pagination.css +1 -1
  145. package/dist/css/component-css/pds-panel-list.css +1 -1
  146. package/dist/css/component-css/pds-panel.css +1 -1
  147. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  148. package/dist/css/component-css/pds-payment-icon.css +1 -1
  149. package/dist/css/component-css/pds-pie-chart.css +1 -0
  150. package/dist/css/component-css/pds-platform-icon.css +1 -1
  151. package/dist/css/component-css/pds-popover.css +1 -1
  152. package/dist/css/component-css/pds-progress-bar.css +1 -1
  153. package/dist/css/component-css/pds-progress-ring.css +1 -1
  154. package/dist/css/component-css/pds-proportion-bar.css +1 -0
  155. package/dist/css/component-css/pds-radio-group.css +1 -1
  156. package/dist/css/component-css/pds-section-message.css +1 -1
  157. package/dist/css/component-css/pds-segmented-button.css +1 -1
  158. package/dist/css/component-css/pds-select.css +1 -1
  159. package/dist/css/component-css/pds-side-nav-compact.css +1 -1
  160. package/dist/css/component-css/pds-side-nav-global.css +6 -4
  161. package/dist/css/component-css/pds-side-nav.css +1 -1
  162. package/dist/css/component-css/pds-site-footer.css +1 -1
  163. package/dist/css/component-css/pds-site-search.css +1 -0
  164. package/dist/css/component-css/pds-skiplink.css +1 -1
  165. package/dist/css/component-css/pds-sortable-list.css +8 -0
  166. package/dist/css/component-css/pds-spinner.css +1 -1
  167. package/dist/css/component-css/pds-sso-button.css +1 -1
  168. package/dist/css/component-css/pds-status-badge.css +1 -1
  169. package/dist/css/component-css/pds-status-checker.css +1 -0
  170. package/dist/css/component-css/pds-status-indicator.css +1 -1
  171. package/dist/css/component-css/pds-step-list.css +1 -0
  172. package/dist/css/component-css/pds-stepper.css +1 -1
  173. package/dist/css/component-css/pds-switch.css +4 -11
  174. package/dist/css/component-css/pds-tab-menu.css +2 -2
  175. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  176. package/dist/css/component-css/pds-table.css +1 -1
  177. package/dist/css/component-css/pds-tabs.css +1 -1
  178. package/dist/css/component-css/pds-tag.css +1 -1
  179. package/dist/css/component-css/pds-tags-input.css +1 -0
  180. package/dist/css/component-css/pds-text-input.css +1 -1
  181. package/dist/css/component-css/pds-textarea.css +1 -1
  182. package/dist/css/component-css/pds-theme-switcher.css +1 -1
  183. package/dist/css/component-css/pds-toaster.css +1 -1
  184. package/dist/css/component-css/pds-tooltip.css +1 -1
  185. package/dist/css/component-css/pds-user-menu.css +29 -1
  186. package/dist/css/component-css/pds-utility-bar.css +1 -0
  187. package/dist/css/component-css/pds-utility-button.css +1 -1
  188. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  189. package/dist/css/component-css/pds-vertical-stepper.css +1 -1
  190. package/dist/css/component-css/pds-workspace-selector.css +16 -1
  191. package/dist/css/design-tokens/fonts.css +1 -1
  192. package/dist/css/design-tokens/variables.dark.css +301 -96
  193. package/dist/css/design-tokens/variables.global.css +9 -12
  194. package/dist/css/design-tokens/variables.light.css +276 -93
  195. package/dist/css/design-tokens/variables.typography.css +9 -6
  196. package/dist/css/layout-css/pds-app-layout.css +3 -0
  197. package/dist/css/layout-css/pds-docs-layout.css +1 -0
  198. package/dist/css/layout-css/pds-index.css +3 -0
  199. package/dist/css/layout-css/pds-sidebar-layout.css +5 -0
  200. package/dist/css/layout-css/pds-stepper-layout.css +1 -0
  201. package/dist/css/layout-css/pds-three-item-layout.css +1 -0
  202. package/dist/css/layout-css/pds-two-item-layout.css +1 -0
  203. package/dist/css/pds-components.css +103 -57
  204. package/dist/css/pds-core.css +3 -2
  205. package/dist/css/pds-layouts.css +3 -9
  206. package/dist/index.css +1 -1
  207. package/dist/index.d.ts +94 -6
  208. package/dist/index.js +12732 -1983
  209. package/dist/index.js.map +1 -1
  210. package/dist/index.source.d.ts +36 -39
  211. package/dist/layouts/AppLayout/AppLayout.d.ts +47 -6
  212. package/dist/layouts/DocsLayout/DocsLayout.d.ts +9 -7
  213. package/dist/layouts/SidebarLayout/SidebarLayout.d.ts +12 -3
  214. package/dist/libs/components/NavAccordion/NavAccordion.d.ts +27 -0
  215. package/dist/libs/components/utils.d.ts +0 -1
  216. package/dist/libs/types/custom-types.d.ts +10 -4
  217. package/dist/libs/types/navigation-types.d.ts +9 -1
  218. package/dist/svg/angleDown.svg +3 -0
  219. package/dist/svg/angleLeft.svg +3 -0
  220. package/dist/svg/angleRight.svg +3 -0
  221. package/dist/svg/angleUp.svg +3 -0
  222. package/dist/svg/anglesLeft.svg +3 -0
  223. package/dist/svg/anglesRight.svg +3 -0
  224. package/dist/svg/arrowDownLeftAndArrowUpRightToCenter.svg +3 -0
  225. package/dist/svg/arrowDownToLine.svg +3 -0
  226. package/dist/svg/arrowLeft.svg +3 -0
  227. package/dist/svg/arrowRight.svg +3 -0
  228. package/dist/svg/arrowsRetweet.svg +3 -0
  229. package/dist/svg/arrowsUpDownLeftRight.svg +3 -0
  230. package/dist/svg/asterisk.svg +3 -0
  231. package/dist/svg/banBug.svg +3 -0
  232. package/dist/svg/bars.svg +3 -0
  233. package/dist/svg/barsFilter.svg +3 -0
  234. package/dist/svg/barsStaggered.svg +3 -0
  235. package/dist/svg/bell.svg +3 -0
  236. package/dist/svg/billboard.svg +3 -0
  237. package/dist/svg/bitbucket.svg +3 -0
  238. package/dist/svg/bluesky.svg +3 -0
  239. package/dist/svg/bolt.svg +3 -0
  240. package/dist/svg/boltPantheon.svg +3 -0
  241. package/dist/svg/boltSolid.svg +3 -0
  242. package/dist/svg/book.svg +3 -0
  243. package/dist/svg/books.svg +3 -0
  244. package/dist/svg/bracketRight.svg +3 -0
  245. package/dist/svg/bracketsSquare.svg +3 -0
  246. package/dist/svg/brainCircuit.svg +3 -0
  247. package/dist/svg/broomWide.svg +3 -0
  248. package/dist/svg/building.svg +3 -0
  249. package/dist/svg/buildings.svg +3 -0
  250. package/dist/svg/bullhorn.svg +3 -0
  251. package/dist/svg/calendarDays.svg +3 -0
  252. package/dist/svg/caretDown.svg +3 -0
  253. package/dist/svg/caretLeft.svg +3 -0
  254. package/dist/svg/caretRight.svg +3 -0
  255. package/dist/svg/caretUp.svg +3 -0
  256. package/dist/svg/ccAmex.svg +3 -0
  257. package/dist/svg/ccApplePay.svg +3 -0
  258. package/dist/svg/ccDiscover.svg +3 -0
  259. package/dist/svg/ccGeneric.svg +3 -0
  260. package/dist/svg/ccMC.svg +3 -0
  261. package/dist/svg/ccPaypal.svg +3 -0
  262. package/dist/svg/ccVisa.svg +3 -0
  263. package/dist/svg/chartLine.svg +3 -0
  264. package/dist/svg/chartNetwork.svg +3 -0
  265. package/dist/svg/chartSimple.svg +3 -0
  266. package/dist/svg/check.svg +3 -0
  267. package/dist/svg/circle.svg +3 -0
  268. package/dist/svg/circleCheck.svg +3 -0
  269. package/dist/svg/circleExclamation.svg +3 -0
  270. package/dist/svg/circleExclamationSolid.svg +3 -0
  271. package/dist/svg/circleInfo.svg +3 -0
  272. package/dist/svg/circleInfoSolid.svg +3 -0
  273. package/dist/svg/circleMinus.svg +3 -0
  274. package/dist/svg/circleNotch.svg +3 -0
  275. package/dist/svg/circlePlus.svg +3 -0
  276. package/dist/svg/circleQuestion.svg +3 -0
  277. package/dist/svg/circleQuestionSolid.svg +3 -0
  278. package/dist/svg/circleUser.svg +3 -0
  279. package/dist/svg/circleXmark.svg +3 -0
  280. package/dist/svg/cloud.svg +3 -0
  281. package/dist/svg/cloudArrowDown.svg +3 -0
  282. package/dist/svg/cloudArrowUp.svg +3 -0
  283. package/dist/svg/cloudPlus.svg +3 -0
  284. package/dist/svg/code.svg +3 -0
  285. package/dist/svg/codeBranch.svg +3 -0
  286. package/dist/svg/codeMerge.svg +3 -0
  287. package/dist/svg/command.svg +3 -0
  288. package/dist/svg/comment.svg +3 -0
  289. package/dist/svg/compress.svg +3 -0
  290. package/dist/svg/copy.svg +3 -0
  291. package/dist/svg/desktop.svg +3 -0
  292. package/dist/svg/diamondExclamation.svg +3 -0
  293. package/dist/svg/diamonds4.svg +3 -0
  294. package/dist/svg/discourse.svg +3 -0
  295. package/dist/svg/display.svg +3 -0
  296. package/dist/svg/dollarSign.svg +3 -0
  297. package/dist/svg/download.svg +3 -0
  298. package/dist/svg/drupal.svg +3 -0
  299. package/dist/svg/ellipsis.svg +3 -0
  300. package/dist/svg/ellipsisVertical.svg +3 -0
  301. package/dist/svg/emptySet.svg +3 -0
  302. package/dist/svg/envelope.svg +3 -0
  303. package/dist/svg/envelopeOpen.svg +3 -0
  304. package/dist/svg/exclamation.svg +3 -0
  305. package/dist/svg/expand.svg +3 -0
  306. package/dist/svg/expandFromCenter.svg +3 -0
  307. package/dist/svg/externalLink.svg +3 -0
  308. package/dist/svg/eye.svg +3 -0
  309. package/dist/svg/eyeSlash.svg +3 -0
  310. package/dist/svg/facebook.svg +3 -0
  311. package/dist/svg/file.svg +3 -0
  312. package/dist/svg/fileCSV.svg +3 -0
  313. package/dist/svg/fileCheck.svg +3 -0
  314. package/dist/svg/fileContract.svg +3 -0
  315. package/dist/svg/fileDiff.svg +3 -0
  316. package/dist/svg/fileExport.svg +3 -0
  317. package/dist/svg/fileImport.svg +3 -0
  318. package/dist/svg/fileLines.svg +3 -0
  319. package/dist/svg/filePDF.svg +3 -0
  320. package/dist/svg/fileZip.svg +3 -0
  321. package/dist/svg/folder.svg +3 -0
  322. package/dist/svg/folderTree.svg +3 -0
  323. package/dist/svg/gear.svg +3 -0
  324. package/dist/svg/gem.svg +3 -0
  325. package/dist/svg/github.svg +3 -0
  326. package/dist/svg/gitlab.svg +3 -0
  327. package/dist/svg/globe.svg +3 -0
  328. package/dist/svg/graduationCap.svg +3 -0
  329. package/dist/svg/grid.svg +3 -0
  330. package/dist/svg/gripDots.svg +3 -0
  331. package/dist/svg/gripDotsVertical.svg +3 -0
  332. package/dist/svg/heart.svg +3 -0
  333. package/dist/svg/heartSolid.svg +3 -0
  334. package/dist/svg/house.svg +3 -0
  335. package/dist/svg/idCard.svg +3 -0
  336. package/dist/svg/image.svg +3 -0
  337. package/dist/svg/inputText.svg +3 -0
  338. package/dist/svg/instagram.svg +3 -0
  339. package/dist/svg/keySkeleton.svg +3 -0
  340. package/dist/svg/landmark.svg +3 -0
  341. package/dist/svg/laptop.svg +3 -0
  342. package/dist/svg/laptopCode.svg +3 -0
  343. package/dist/svg/leaf.svg +3 -0
  344. package/dist/svg/lifeRing.svg +3 -0
  345. package/dist/svg/linkSimple.svg +3 -0
  346. package/dist/svg/linkSimpleSlash.svg +3 -0
  347. package/dist/svg/linkedin.svg +3 -0
  348. package/dist/svg/listCheck.svg +3 -0
  349. package/dist/svg/locationCrosshairs.svg +3 -0
  350. package/dist/svg/lock.svg +3 -0
  351. package/dist/svg/lockOpen.svg +3 -0
  352. package/dist/svg/magnifyingGlass.svg +3 -0
  353. package/dist/svg/medal.svg +3 -0
  354. package/dist/svg/memo.svg +3 -0
  355. package/dist/svg/messages.svg +3 -0
  356. package/dist/svg/minus.svg +3 -0
  357. package/dist/svg/moon.svg +3 -0
  358. package/dist/svg/nextJs.svg +3 -0
  359. package/dist/svg/paperPlane.svg +3 -0
  360. package/dist/svg/paperclip.svg +3 -0
  361. package/dist/svg/pause.svg +3 -0
  362. package/dist/svg/pen.svg +3 -0
  363. package/dist/svg/penField.svg +3 -0
  364. package/dist/svg/phone.svg +3 -0
  365. package/dist/svg/play.svg +3 -0
  366. package/dist/svg/plus.svg +3 -0
  367. package/dist/svg/question.svg +3 -0
  368. package/dist/svg/quotesLeft.svg +3 -0
  369. package/dist/svg/quotesRight.svg +3 -0
  370. package/dist/svg/rectangleList.svg +3 -0
  371. package/dist/svg/reply.svg +3 -0
  372. package/dist/svg/robot.svg +3 -0
  373. package/dist/svg/rocketLaunch.svg +3 -0
  374. package/dist/svg/rotate.svg +3 -0
  375. package/dist/svg/rotateClock.svg +3 -0
  376. package/dist/svg/rotateLeft.svg +3 -0
  377. package/dist/svg/rotateRight.svg +3 -0
  378. package/dist/svg/rss.svg +3 -0
  379. package/dist/svg/save.svg +3 -0
  380. package/dist/svg/server.svg +3 -0
  381. package/dist/svg/shareNodes.svg +3 -0
  382. package/dist/svg/shield.svg +3 -0
  383. package/dist/svg/shieldQuartered.svg +3 -0
  384. package/dist/svg/shovel.svg +3 -0
  385. package/dist/svg/sidebar.svg +3 -0
  386. package/dist/svg/siren.svg +3 -0
  387. package/dist/svg/sirenOn.svg +3 -0
  388. package/dist/svg/sitemap.svg +3 -0
  389. package/dist/svg/slack.svg +3 -0
  390. package/dist/svg/slashForward.svg +3 -0
  391. package/dist/svg/slidersSimple.svg +3 -0
  392. package/dist/svg/snowflake.svg +3 -0
  393. package/dist/svg/sparkles.svg +3 -0
  394. package/dist/svg/squareCheck.svg +3 -0
  395. package/dist/svg/squareCode.svg +3 -0
  396. package/dist/svg/squareMinus.svg +3 -0
  397. package/dist/svg/squarePen.svg +3 -0
  398. package/dist/svg/squareQuestion.svg +3 -0
  399. package/dist/svg/squareTerminal.svg +3 -0
  400. package/dist/svg/star.svg +3 -0
  401. package/dist/svg/starSolid.svg +3 -0
  402. package/dist/svg/sun.svg +3 -0
  403. package/dist/svg/sunBright.svg +3 -0
  404. package/dist/svg/table.svg +3 -0
  405. package/dist/svg/tableRows.svg +3 -0
  406. package/dist/svg/terminal.svg +3 -0
  407. package/dist/svg/text.svg +3 -0
  408. package/dist/svg/threads.svg +3 -0
  409. package/dist/svg/thumbsDown.svg +3 -0
  410. package/dist/svg/thumbsUp.svg +3 -0
  411. package/dist/svg/trash.svg +3 -0
  412. package/dist/svg/triangleExclamation.svg +3 -0
  413. package/dist/svg/twitter.svg +3 -0
  414. package/dist/svg/upload.svg +3 -0
  415. package/dist/svg/user.svg +3 -0
  416. package/dist/svg/userAstronaut.svg +3 -0
  417. package/dist/svg/userGear.svg +3 -0
  418. package/dist/svg/userPlus.svg +3 -0
  419. package/dist/svg/users.svg +3 -0
  420. package/dist/svg/video.svg +3 -0
  421. package/dist/svg/wavePulse.svg +3 -0
  422. package/dist/svg/windowRestore.svg +3 -0
  423. package/dist/svg/wordpress.svg +3 -0
  424. package/dist/svg/wreathLaurel.svg +3 -0
  425. package/dist/svg/wrench.svg +3 -0
  426. package/dist/svg/xTwitter.svg +3 -0
  427. package/dist/svg/xmark.svg +3 -0
  428. package/dist/svg/xmarkLarge.svg +3 -0
  429. package/dist/svg/youtube.svg +3 -0
  430. package/dist/{layouts → utilities}/FlexContainer/FlexContainer.d.ts +1 -1
  431. package/dist/utilities/GlobalWrapper/GlobalWrapper.d.ts +21 -0
  432. package/dist/utilities/hooks/useDropdown/index.d.ts +1 -0
  433. package/dist/utilities/hooks/useDropdown/useDropdown.d.ts +121 -0
  434. package/package.json +70 -44
  435. package/tailwind/README.md +220 -0
  436. package/tailwind/TESTING.md +457 -0
  437. package/tailwind/v3/preset.cjs +258 -0
  438. package/tailwind/v4/theme.css +230 -0
  439. package/dist/components/CTASlice/CTASlice.d.ts +0 -43
  440. package/dist/components/DashboardStat/DashboardStat.d.ts +0 -28
  441. package/dist/components/PullQuote/PullQuote.d.ts +0 -34
  442. package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +0 -62
  443. package/dist/components/SocialLinks/SocialLinks.d.ts +0 -23
  444. package/dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +0 -27
  445. package/dist/components/cards/CardHeading/CardHeading.d.ts +0 -31
  446. package/dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +0 -36
  447. package/dist/components/cards/LinksCard/LinksCard.d.ts +0 -29
  448. package/dist/components/cards/LinksCard/links-card-sample-data.d.ts +0 -2
  449. package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts +0 -61
  450. package/dist/components/cards/PaymentCard/PaymentCard.d.ts +0 -47
  451. package/dist/components/cards/PricingCard/PricingCard.d.ts +0 -90
  452. package/dist/components/cards/SiteCard/SiteCard.d.ts +0 -50
  453. package/dist/components/footer/FooterHeading/FooterHeading.d.ts +0 -22
  454. package/dist/components/footer/FooterLinks/FooterLinks.d.ts +0 -26
  455. package/dist/components/footer/SiteFooter/SiteFooter.d.ts +0 -30
  456. package/dist/components/footer/SiteFooter/footer-content.d.ts +0 -1
  457. package/dist/components/navigation/DashboardNav/DashboardNav.d.ts +0 -35
  458. package/dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +0 -24
  459. package/dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +0 -24
  460. package/dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +0 -28
  461. package/dist/components/tiles/Tile/Tile.d.ts +0 -42
  462. package/dist/components/tiles/TileGrid/TileGrid.d.ts +0 -29
  463. package/dist/css/component-css/pds-avatar-tile-list.css +0 -1
  464. package/dist/css/component-css/pds-card-heading.css +0 -1
  465. package/dist/css/component-css/pds-card-select-group.css +0 -1
  466. package/dist/css/component-css/pds-cta-slice.css +0 -1
  467. package/dist/css/component-css/pds-dashboard-nav.css +0 -5
  468. package/dist/css/component-css/pds-dashboard-search.css +0 -1
  469. package/dist/css/component-css/pds-dashboard-stat.css +0 -1
  470. package/dist/css/component-css/pds-empty-state-card.css +0 -1
  471. package/dist/css/component-css/pds-flow-steps.css +0 -1
  472. package/dist/css/component-css/pds-footer-heading.css +0 -1
  473. package/dist/css/component-css/pds-footer-links.css +0 -1
  474. package/dist/css/component-css/pds-indicator-badge.css +0 -25
  475. package/dist/css/component-css/pds-links-card.css +0 -1
  476. package/dist/css/component-css/pds-new-site-card.css +0 -1
  477. package/dist/css/component-css/pds-payment-card.css +0 -1
  478. package/dist/css/component-css/pds-pricing-card-local.css +0 -1
  479. package/dist/css/component-css/pds-pricing-card.css +0 -1
  480. package/dist/css/component-css/pds-pull-quote.css +0 -1
  481. package/dist/css/component-css/pds-refresh-checker.css +0 -1
  482. package/dist/css/component-css/pds-site-card.css +0 -1
  483. package/dist/css/component-css/pds-site-dashboard-heading.css +0 -1
  484. package/dist/css/component-css/pds-social-links.css +0 -1
  485. package/dist/css/component-css/pds-tile.css +0 -1
  486. package/dist/css/component-css/pds-tiles-common.css +0 -1
  487. package/dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +0 -57
  488. package/dist/layouts/DashboardInner/DashboardInner.d.ts +0 -30
  489. package/dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +0 -19
  490. package/dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +0 -6
  491. /package/dist/components/{Skiplink → links/Skiplink}/Skiplink.d.ts +0 -0
  492. /package/dist/components/{Picture → media/Picture}/Picture.d.ts +0 -0
  493. /package/dist/components/{VideoEmbed → media/VideoEmbed}/VideoEmbed.d.ts +0 -0
  494. /package/dist/components/{Pagination → pagination/Pagination}/usePagination.d.ts +0 -0
  495. /package/dist/components/{FlowSteps → steppers/StepList}/example-steps.d.ts +0 -0
  496. /package/dist/{layouts → utilities}/Container/Container.d.ts +0 -0
package/dist/css/design-tokens/variables.dark.css CHANGED
@@ -1,33 +1,104 @@
1
1
  [data-theme="dark"] {
2
- --pds-color-badge-indicator-default-background: oklch(0.8853 0 0);
3
- --pds-color-badge-indicator-default-foreground: oklch(0.2046 0 0);
4
- --pds-color-badge-indicator-silver-background: oklch(0.5991 0.0051 258.33);
5
- --pds-color-badge-indicator-silver-foreground: oklch(0.2929 0.0039 264.51);
6
- --pds-color-badge-indicator-gold-background: oklch(0.9247 0.1579 99.93);
7
- --pds-color-badge-indicator-gold-foreground: oklch(0.2969 0.0615 98.63);
8
- --pds-color-badge-indicator-platinum-background: oklch(0.805 0.1267 307.2);
9
- --pds-color-badge-indicator-platinum-foreground: oklch(0.4121 0.2246 295.77);
10
- --pds-color-badge-indicator-diamond-background: oklch(0.4399 0.1453 255.91);
11
- --pds-color-badge-indicator-diamond-foreground: oklch(0.8816 0.0619 245.59);
12
- --pds-color-badge-indicator-critical-background: oklch(0.8326 0.0742 24.95);
13
- --pds-color-badge-indicator-critical-foreground: oklch(0.8388 0.003 264.54);
14
- --pds-color-badge-indicator-info-background: oklch(0.8816 0.0619 245.59);
15
- --pds-color-badge-indicator-info-foreground: oklch(0.8388 0.003 264.54);
16
- --pds-color-badge-indicator-success-background: oklch(0.9079 0.087 152.53);
17
- --pds-color-badge-indicator-success-foreground: oklch(0.8388 0.003 264.54);
18
- --pds-color-badge-indicator-neutral-background: oklch(0.4235 0.0071 264.49);
19
- --pds-color-badge-indicator-neutral-foreground: oklch(0.8388 0.003 264.54);
20
- --pds-color-badge-indicator-warning-background: oklch(0.9147 0.0715 75.62);
21
- --pds-color-badge-indicator-warning-foreground: oklch(0.8388 0.003 264.54);
22
- --pds-color-badge-indicator-brand-background: #745DD8;
23
- --pds-color-badge-indicator-brand-foreground: oklch(0.8388 0.003 264.54);
24
- --pds-color-banner-info-background: oklch(0.8816 0.0619 245.59);
25
- --pds-color-banner-info-foreground: oklch(0.8388 0.003 264.54);
26
- --pds-color-banner-warning-background: oklch(0.9147 0.0715 75.62);
27
- --pds-color-banner-warning-foreground: oklch(0.8388 0.003 264.54);
28
- --pds-color-banner-critical-background: oklch(0.8326 0.0742 24.95);
29
- --pds-color-banner-critical-foreground: oklch(0.8388 0.003 264.54);
30
- --pds-color-card-background: oklch(0.2046 0 0);
2
+ --pds-color-badge-apollo-background: oklch(0.9598 0.0751 97.78);
3
+ --pds-color-badge-apollo-foreground: oklch(0.2842 0.0752 49.97);
4
+ --pds-color-badge-apollo-secondary-background: oklch(0.6533 0.1351 98.32);
5
+ --pds-color-badge-apollo-secondary-foreground: oklch(0.1489 0.0027 248.08);
6
+ --pds-color-badge-iris-background: oklch(0.9401 0.0349 232.04);
7
+ --pds-color-badge-iris-foreground: oklch(0.3462 0.2268 270.06);
8
+ --pds-color-badge-iris-secondary-background: oklch(0.5308 0.2335 268.08);
9
+ --pds-color-badge-iris-secondary-foreground: oklch(1.0000 0 0);
10
+ --pds-color-badge-hypnos-background: oklch(0.9404 0.0521 325.00);
11
+ --pds-color-badge-hypnos-foreground: oklch(0.3933 0.2209 291.24);
12
+ --pds-color-badge-hypnos-secondary-background: oklch(0.4814 0.2603 297.73);
13
+ --pds-color-badge-hypnos-secondary-foreground: oklch(1.0000 0 0);
14
+ --pds-color-badge-gaia-background: oklch(0.9606 0.0164 79.35);
15
+ --pds-color-badge-gaia-foreground: oklch(0.2812 0.0674 57.94);
16
+ --pds-color-badge-gaia-secondary-background: oklch(0.3554 0.0058 258.35);
17
+ --pds-color-badge-gaia-secondary-foreground: oklch(0.1489 0.0027 248.08);
18
+ --pds-color-badge-aether-background: oklch(0.9595 0.0167 230.90);
19
+ --pds-color-badge-aether-foreground: oklch(0.2930 0.0705 242.77);
20
+ --pds-color-badge-aether-secondary-background: oklch(0.1489 0.0027 248.08);
21
+ --pds-color-badge-aether-secondary-foreground: oklch(1.0000 0 0);
22
+ --pds-color-badge-success-background: oklch(0.9606 0.0559 147.50);
23
+ --pds-color-badge-success-foreground: oklch(0.2986 0.1016 142.50);
24
+ --pds-color-badge-success-secondary-background: oklch(0.3778 0.0814 153.95);
25
+ --pds-color-badge-success-secondary-foreground: oklch(1.0000 0 0);
26
+ --pds-color-badge-warning-background: oklch(0.9465 0.0444 75.99);
27
+ --pds-color-badge-warning-foreground: oklch(0.2868 0.1177 29.23);
28
+ --pds-color-badge-warning-secondary-background: oklch(0.5757 0.1336 61.11);
29
+ --pds-color-badge-warning-secondary-foreground: oklch(0.1489 0.0027 248.08);
30
+ --pds-color-badge-critical-background: oklch(0.9248 0.0402 41.03);
31
+ --pds-color-badge-critical-foreground: oklch(0.3488 0.1431 29.23);
32
+ --pds-color-badge-critical-secondary-background: oklch(0.5103 0.1942 29.6);
33
+ --pds-color-badge-critical-secondary-foreground: oklch(1.0000 0 0);
34
+ --pds-color-badge-info-background: oklch(0.9469 0.0406 215.88);
35
+ --pds-color-badge-info-foreground: oklch(0.2923 0.2026 264.05);
36
+ --pds-color-badge-info-secondary-background: oklch(0.4399 0.1453 255.91);
37
+ --pds-color-badge-info-secondary-foreground: oklch(1.0000 0 0);
38
+ --pds-color-badge-discovery-background: oklch(0.9487 0.0459 325.93);
39
+ --pds-color-badge-discovery-foreground: oklch(0.3272 0.1732 301.51);
40
+ --pds-color-badge-discovery-secondary-background: oklch(0.2809 0.0442 307.66);
41
+ --pds-color-badge-discovery-secondary-foreground: oklch(1.0000 0 0);
42
+ --pds-color-badge-amber-background: oklch(0.9408 0.0522 78.34);
43
+ --pds-color-badge-amber-foreground: oklch(0.3116 0.1279 29.23);
44
+ --pds-color-badge-amber-secondary-background: oklch(0.5748 0.1493 51.28);
45
+ --pds-color-badge-amber-secondary-foreground: oklch(1.0000 0 0);
46
+ --pds-color-badge-orange-background: oklch(0.9266 0.0452 57.50);
47
+ --pds-color-badge-orange-foreground: oklch(0.3445 0.1414 29.23);
48
+ --pds-color-badge-orange-secondary-background: oklch(0.5822 0.1890 38.39);
49
+ --pds-color-badge-orange-secondary-foreground: oklch(1.0000 0 0);
50
+ --pds-color-badge-lime-background: oklch(0.9603 0.0793 132.38);
51
+ --pds-color-badge-lime-foreground: oklch(0.2918 0.0993 142.50);
52
+ --pds-color-badge-lime-secondary-background: oklch(0.5540 0.1620 135.05);
53
+ --pds-color-badge-lime-secondary-foreground: oklch(1.0000 0 0);
54
+ --pds-color-badge-teal-background: oklch(0.9599 0.0392 182.77);
55
+ --pds-color-badge-teal-foreground: oklch(0.3045 0.0567 176.40);
56
+ --pds-color-badge-teal-secondary-background: oklch(0.5203 0.0927 183.02);
57
+ --pds-color-badge-teal-secondary-foreground: oklch(1.0000 0 0);
58
+ --pds-color-badge-sky-background: oklch(0.9539 0.0448 206.80);
59
+ --pds-color-badge-sky-foreground: oklch(0.3083 0.1049 255.90);
60
+ --pds-color-badge-sky-secondary-background: oklch(0.5571 0.1189 235.42);
61
+ --pds-color-badge-sky-secondary-foreground: oklch(1.0000 0 0);
62
+ --pds-color-badge-indigo-background: oklch(0.9452 0.0263 257.03);
63
+ --pds-color-badge-indigo-foreground: oklch(0.3152 0.1990 274.45);
64
+ --pds-color-badge-indigo-secondary-background: oklch(0.4574 0.1942 275.52);
65
+ --pds-color-badge-indigo-secondary-foreground: oklch(1.0000 0 0);
66
+ --pds-color-badge-rose-background: oklch(0.9305 0.0434 346.32);
67
+ --pds-color-badge-rose-foreground: oklch(0.3361 0.1343 13.26);
68
+ --pds-color-badge-rose-secondary-background: oklch(0.5479 0.1847 1.24);
69
+ --pds-color-badge-rose-secondary-foreground: oklch(1.0000 0 0);
70
+ --pds-color-badge-slate-background: oklch(0.9604 0.0137 247.97);
71
+ --pds-color-badge-slate-foreground: oklch(0.2787 0.0367 249.26);
72
+ --pds-color-badge-slate-secondary-background: oklch(0.5169 0.0320 248.45);
73
+ --pds-color-badge-slate-secondary-foreground: oklch(1.0000 0 0);
74
+ --pds-color-badge-sand-background: oklch(0.9607 0.0315 78.17);
75
+ --pds-color-badge-sand-foreground: oklch(0.2816 0.0657 60.48);
76
+ --pds-color-badge-sand-secondary-background: oklch(0.5693 0.0766 76.35);
77
+ --pds-color-badge-sand-secondary-foreground: oklch(1.0000 0 0);
78
+ --pds-color-badge-mint-background: oklch(0.9601 0.0479 173.52);
79
+ --pds-color-badge-mint-foreground: oklch(0.3074 0.0697 159.89);
80
+ --pds-color-badge-mint-secondary-background: oklch(0.5463 0.1062 171.76);
81
+ --pds-color-badge-mint-secondary-foreground: oklch(1.0000 0 0);
82
+ --pds-color-badge-silver-background: oklch(0.9551 0 0);
83
+ --pds-color-badge-silver-foreground: oklch(0.3211 0 0);
84
+ --pds-color-badge-silver-secondary-background: oklch(0.2929 0.0039 264.51);
85
+ --pds-color-badge-silver-secondary-foreground: oklch(0.1489 0.0027 248.08);
86
+ --pds-color-badge-stone-background: oklch(0.8822 0 0);
87
+ --pds-color-badge-stone-foreground: oklch(0.2850 0 0);
88
+ --pds-color-badge-stone-secondary-background: oklch(0.2433 0.0041 264.49);
89
+ --pds-color-badge-stone-secondary-foreground: oklch(1.0000 0 0);
90
+ --pds-color-badge-feature-foreground: oklch(1.0000 0 0);
91
+ --pds-color-banner-info-background: oklch(0.4399 0.1453 255.91);
92
+ --pds-color-banner-info-foreground: oklch(1.0000 0 0);
93
+ --pds-color-banner-warning-background: oklch(0.5757 0.1336 61.11);
94
+ --pds-color-banner-warning-foreground: oklch(1.0000 0 0);
95
+ --pds-color-banner-critical-background: oklch(0.5103 0.1942 29.6);
96
+ --pds-color-banner-critical-foreground: oklch(1.0000 0 0);
97
+ --pds-color-banner-discovery-background: oklch(0.4772 0.1603 302.13);
98
+ --pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
99
+ --pds-color-banner-neutral-background: oklch(0.3554 0.0058 258.35);
100
+ --pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
101
+ --pds-color-card-background: oklch(0.2433 0.0041 264.49);
31
102
  --pds-color-code-block-dark-background: var(--pds-color-bg-reverse);
32
103
  --pds-color-code-block-dark-foreground: var(--pds-color-fg-reverse);
33
104
  --pds-color-code-block-dark-line-prefix: #9699A1;
@@ -47,20 +118,33 @@
47
118
  --pds-color-dashboard-nav-item-foreground-default: var(--pds-color-fg-default);
48
119
  --pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-fg-default);
49
120
  --pds-color-dashboard-nav-item-foreground-active: var(--pds-color-fg-reverse);
50
- --pds-color-datepicker-accent-foreground: #745DD8;
51
- --pds-color-datepicker-range-background: #2C205E;
121
+ --pds-color-datepicker-accent-foreground: oklch(0.5308 0.2335 268.08);
122
+ --pds-color-datepicker-range-background: oklch(0.287 0.0845 266.41);
52
123
  --pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
53
- --pds-color-datepicker-selected-background: #745DD8;
124
+ --pds-color-datepicker-selected-background: oklch(0.5308 0.2335 268.08);
54
125
  --pds-color-datepicker-selected-foreground: oklch(0.2046 0 0);
55
- --pds-color-pagination-foreground-hover: oklch(0.8388 0.003 264.54);
56
- --pds-color-pagination-foreground-active: #EEEBFA;
57
- --pds-color-pagination-background-hover: #42318D;
58
- --pds-color-pagination-background-active: #2C205E;
126
+ --pds-color-log-row-standard-background-default: oklch(1.0000 0 0);
127
+ --pds-color-log-row-standard-background-hover: oklch(0.8388 0.003 264.54);
128
+ --pds-color-log-row-warning-background-default: oklch(0.4141 0.0927 65.26);
129
+ --pds-color-log-row-error-background-default: oklch(0.3866 0.145 30.09);
130
+ --pds-color-pagination-foreground-hover: oklch(1 0 0);
131
+ --pds-color-pagination-foreground-active: oklch(0.9361 0.0305 273.64);
132
+ --pds-color-pagination-foreground-current: oklch(1 0 0);
133
+ --pds-color-pagination-background-hover: oklch(0.2929 0.0039 264.51);
134
+ --pds-color-pagination-background-active: oklch(0.287 0.0845 266.41);
135
+ --pds-color-pagination-background-current: oklch(0.5308 0.2335 268.08);
59
136
  --pds-color-panel-sunken-background: oklch(0.1489 0.0027 248.08);
60
137
  --pds-color-panel-raised-background: oklch(0.2046 0 0);
61
138
  --pds-color-panel-overlay-background: oklch(0.2046 0 0);
62
139
  --pds-color-expansion-panel-hover: oklch(0.2929 0.0039 264.51);
63
140
  --pds-color-expansion-panel-open: oklch(0.2929 0.0039 264.51);
141
+ --pds-color-popover-border: oklch(0.4235 0.0071 264.49);
142
+ --pds-color-skeleton-regular-base: oklch(0.3554 0.0058 258.35);
143
+ --pds-color-skeleton-regular-movement: oklch(0.5991 0.0051 258.33);
144
+ --pds-color-skeleton-bold-base: oklch(0.4235 0.0071 264.49);
145
+ --pds-color-skeleton-bold-movement: oklch(0.5991 0.0051 258.33);
146
+ --pds-color-sortable-border-hover: oklch(0.38 0.135 268);
147
+ --pds-color-sortable-border-target: oklch(0.6575 0.177 272.74);
64
148
  --pds-color-spinner-full-1: #7600D9;
65
149
  --pds-color-spinner-full-2: #A69000;
66
150
  --pds-color-spinner-full-3: transparent;
@@ -73,54 +157,67 @@
73
157
  --pds-color-spinner-critical-secondary-1: #e86b61;
74
158
  --pds-color-spinner-critical-secondary-2: #de2e21;
75
159
  --pds-color-spinner-critical-secondary-3: transparent;
76
- --pds-color-tag-1-background: #DED8FA;
77
- --pds-color-tag-1-foreground: #5C4FAC;
78
- --pds-color-tag-2-background: #F8D7D3;
79
- --pds-color-tag-2-foreground: #A0392C;
80
- --pds-color-tag-3-background: #F5E7A8;
81
- --pds-color-tag-3-foreground: #7B611E;
82
- --pds-color-tag-4-background: #F7D7EC;
83
- --pds-color-tag-4-foreground: #894271;
84
- --pds-color-tag-5-background: #D9F0AF;
85
- --pds-color-tag-5-foreground: #536A2B;
86
- --pds-color-tag-6-background: #DDDFE3;
87
- --pds-color-tag-6-foreground: #47546D;
88
- --pds-color-tag-7-background: #C6F1DC;
89
- --pds-color-tag-7-foreground: #3E7256;
90
- --pds-color-tag-8-background: #F9DFCB;
91
- --pds-color-tag-8-foreground: #9A4E1C;
92
- --pds-color-tag-9-background: #CEECF9;
93
- --pds-color-tag-9-foreground: #366880;
94
- --pds-color-tag-10-background: #D0DFFC;
95
- --pds-color-tag-10-foreground: #2254C5;
96
- --pds-color-tag-11-background: #72CB9B;
97
- --pds-color-tag-11-foreground: #264A37;
98
- --pds-color-tag-12-background: #81C1DD;
99
- --pds-color-tag-12-foreground: #234453;
100
- --pds-color-tag-13-background: #689BF8;
101
- --pds-color-tag-13-foreground: #163168;
102
- --pds-color-tag-14-background: #9C90E9;
103
- --pds-color-tag-14-foreground: #342C60;
104
- --pds-color-tag-15-background: #E87E73;
105
- --pds-color-tag-15-foreground: #50201B;
106
- --pds-color-tag-16-background: #F1A76E;
107
- --pds-color-tag-16-foreground: #68320F;
108
- --pds-color-tag-17-background: #DA81BC;
109
- --pds-color-tag-17-foreground: #46253B;
110
- --pds-color-tag-18-background: #EFCE60;
111
- --pds-color-tag-18-foreground: #504012;
112
- --pds-color-tag-19-background: #9FC65B;
113
- --pds-color-tag-19-foreground: #3F4D27;
114
- --pds-color-tag-20-background: #8790A0;
115
- --pds-color-tag-20-foreground: #0E1E40;
116
- --pds-color-tile-background: oklch(0.2046 0 0);
160
+ --pds-color-table-sort-icon-inactive: oklch(0.5 0 0);
161
+ --pds-color-tabs-border: oklch(0.3554 0.0058 258.35);
162
+ --pds-color-tag-apollo-background: #f4e296;
163
+ --pds-color-tag-apollo-foreground: #461c00;
164
+ --pds-color-tag-iris-background: #bcdeff;
165
+ --pds-color-tag-iris-foreground: #1d00ac;
166
+ --pds-color-tag-hypnos-background: #f2c8ff;
167
+ --pds-color-tag-hypnos-foreground: #5000af;
168
+ --pds-color-tag-gaia-background: #ebdfcf;
169
+ --pds-color-tag-gaia-foreground: #411f00;
170
+ --pds-color-tag-aether-background: #d1e5ef;
171
+ --pds-color-tag-aether-foreground: #002f4c;
172
+ --pds-color-tag-success-background: #c2efc7;
173
+ --pds-color-tag-success-foreground: #003900;
174
+ --pds-color-tag-warning-background: #ffd7b1;
175
+ --pds-color-tag-warning-foreground: #570000;
176
+ --pds-color-tag-critical-background: #ffc7b8;
177
+ --pds-color-tag-critical-foreground: #730000;
178
+ --pds-color-tag-info-background: #bcdeff;
179
+ --pds-color-tag-info-foreground: #1d00ac;
180
+ --pds-color-tag-discovery-background: #f4cfff;
181
+ --pds-color-tag-discovery-foreground: #47007c;
182
+ --pds-color-tag-amber-background: #bb5900;
183
+ --pds-color-tag-amber-foreground: oklch(1 0 0);
184
+ --pds-color-tag-orange-background: #d24300;
185
+ --pds-color-tag-orange-foreground: oklch(1 0 0);
186
+ --pds-color-tag-lime-background: #448600;
187
+ --pds-color-tag-lime-foreground: oklch(1 0 0);
188
+ --pds-color-tag-teal-background: #007a6e;
189
+ --pds-color-tag-teal-foreground: oklch(1 0 0);
190
+ --pds-color-tag-sky-background: #007daf;
191
+ --pds-color-tag-sky-foreground: oklch(1 0 0);
192
+ --pds-color-tag-indigo-background: #4040c0;
193
+ --pds-color-tag-indigo-foreground: oklch(1 0 0);
194
+ --pds-color-tag-rose-background: #c0306a;
195
+ --pds-color-tag-rose-foreground: oklch(1 0 0);
196
+ --pds-color-tag-slate-background: #5a6a7a;
197
+ --pds-color-tag-slate-foreground: oklch(1 0 0);
198
+ --pds-color-tag-sand-background: #917141;
199
+ --pds-color-tag-sand-foreground: oklch(1 0 0);
200
+ --pds-color-tag-mint-background: #008469;
201
+ --pds-color-tag-mint-foreground: oklch(1 0 0);
202
+ --pds-color-tag-silver-background: #969696;
203
+ --pds-color-tag-silver-foreground: oklch(1 0 0);
204
+ --pds-color-tag-stone-background: #717171;
205
+ --pds-color-tag-stone-foreground: oklch(1 0 0);
206
+ --pds-color-toast-background: oklch(0.4235 0.0071 264.49);
207
+ --pds-color-toast-foreground: oklch(1.0000 0 0);
208
+ --pds-color-toast-action: oklch(0.8388 0.003 264.54);
209
+ --pds-color-toast-info-icon: oklch(0.7019 0.1604 252.41);
210
+ --pds-color-toast-success-icon: oklch(0.7275 0.177 148.24);
211
+ --pds-color-toast-warning-icon: oklch(0.7867 0.1649 66.34);
212
+ --pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
117
213
  --pds-color-bg-default: oklch(0.2046 0 0);
118
214
  --pds-color-bg-default-secondary: oklch(0.1489 0.0027 248.08);
119
215
  --pds-color-bg-reverse: oklch(0.8388 0.003 264.54);
120
- --pds-color-border-default: oklch(0.4235 0.0071 264.49);
121
- --pds-color-border-brand: #9786E2;
216
+ --pds-color-border-default: oklch(0.31 0.005 258);
217
+ --pds-color-border-default-secondary: oklch(0.3554 0.0058 258.35);
122
218
  --pds-color-border-input: oklch(0.4235 0.0071 264.49);
123
- --pds-color-border-separator: oklch(0.4235 0.0071 264.49);
219
+ --pds-color-border-separator: oklch(0.5991 0 0);
220
+ --pds-color-border-hover: oklch(0.5 0.005 264);
124
221
  --pds-color-button-primary-background-default: oklch(1.0000 0 0);
125
222
  --pds-color-button-primary-background-hover: oklch(0.8388 0.003 264.54);
126
223
  --pds-color-button-primary-foreground: oklch(0.1489 0.0027 248.08);
@@ -151,12 +248,16 @@
151
248
  --pds-color-button-reverse-background-default: oklch(0.1489 0.0027 248.08);
152
249
  --pds-color-button-reverse-background-hover: oklch(0.2929 0.0039 264.51);
153
250
  --pds-color-button-reverse-foreground: oklch(1.0000 0 0);
251
+ --pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
252
+ --pds-color-button-reverse-secondary-background-hover: #00000026;
253
+ --pds-color-button-reverse-secondary-border: oklch(0.1489 0.0027 248.08);
254
+ --pds-color-button-reverse-secondary-foreground: oklch(0.1489 0.0027 248.08);
154
255
  --pds-color-close-button-foreground: oklch(0.8388 0.003 264.54);
155
256
  --pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
156
257
  --pds-color-close-button-background-hover: #ffffff1a;
157
258
  --pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
158
259
  --pds-color-icon-button-standard-background-hover: #ffffff1a;
159
- --pds-color-icon-button-standard-border-default: #ffffff1a;
260
+ --pds-color-icon-button-standard-border-default: #ffffff2e;
160
261
  --pds-color-icon-button-standard-border-hover: #ffffff26;
161
262
  --pds-color-icon-button-standard-foreground: oklch(1.0000 0 0);
162
263
  --pds-color-icon-button-critical-background-default: oklch(0.5856 0.2126 29.44);
@@ -175,47 +276,115 @@
175
276
  --pds-color-segmented-button-background-active: oklch(0.8388 0.003 264.54);
176
277
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
177
278
  --pds-color-segmented-button-foreground-active: var(--pds-color-fg-reverse);
279
+ --pds-color-category-ai-foreground: oklch(0.9407 0.0377 309.6);
280
+ --pds-color-category-ai-utility: oklch(0.542 0.2895 299.91);
281
+ --pds-color-category-ai-background: oklch(0.4814 0.2603 297.73);
178
282
  --pds-color-code-inline-background: oklch(0.2433 0.0041 264.49);
179
283
  --pds-color-code-inline-border: oklch(0.2929 0.0039 264.51);
180
284
  --pds-color-code-inline-text: #ffffff;
181
- --pds-color-datavis-1: #003F5C;
182
- --pds-color-datavis-2: #006779;
183
- --pds-color-datavis-3: #008D6F;
184
- --pds-color-datavis-4: #62AD43;
185
- --pds-color-datavis-5: #DDBD16;
285
+ --pds-color-datavis-categorical-1: #00d4be;
286
+ --pds-color-datavis-categorical-2: #5fa7ff;
287
+ --pds-color-datavis-categorical-3: #b77ff2;
288
+ --pds-color-datavis-categorical-4: #ff8e5f;
289
+ --pds-color-datavis-sequential-iris-1: #eaf0ff;
290
+ --pds-color-datavis-sequential-iris-2: #c6d6ff;
291
+ --pds-color-datavis-sequential-iris-3: #9db9ff;
292
+ --pds-color-datavis-sequential-iris-4: #749cff;
293
+ --pds-color-datavis-sequential-iris-5: #5a7fff;
294
+ --pds-color-datavis-sequential-iris-6: #4a6aee;
295
+ --pds-color-datavis-sequential-iris-7: #6070d0;
296
+ --pds-color-datavis-sequential-iris-8: #6878c8;
297
+ --pds-color-datavis-sequential-neutral-1: #f5f5f5;
298
+ --pds-color-datavis-sequential-neutral-2: #e0e0e0;
299
+ --pds-color-datavis-sequential-neutral-3: #c8c8c8;
300
+ --pds-color-datavis-sequential-neutral-4: #adadad;
301
+ --pds-color-datavis-sequential-neutral-5: #979797;
302
+ --pds-color-datavis-sequential-neutral-6: #838383;
303
+ --pds-color-datavis-sequential-neutral-7: #737373;
304
+ --pds-color-datavis-sequential-neutral-8: #6b6b6b;
305
+ --pds-color-datavis-sequential-multi-1: #eaf0ff;
306
+ --pds-color-datavis-sequential-multi-2: #c6d6ff;
307
+ --pds-color-datavis-sequential-multi-3: #7bbcee;
308
+ --pds-color-datavis-sequential-multi-4: #4aaec8;
309
+ --pds-color-datavis-sequential-multi-5: #2a9eaa;
310
+ --pds-color-datavis-sequential-multi-6: #1a9090;
311
+ --pds-color-datavis-sequential-multi-7: #0e8080;
312
+ --pds-color-datavis-sequential-multi-8: #0e7872;
313
+ --pds-color-datavis-diverging-a-1: #008f7d;
314
+ --pds-color-datavis-diverging-a-2: #3aada0;
315
+ --pds-color-datavis-diverging-a-3: #72c4bb;
316
+ --pds-color-datavis-diverging-a-4: #555555;
317
+ --pds-color-datavis-diverging-a-5: #728fc4;
318
+ --pds-color-datavis-diverging-a-6: #6080b8;
319
+ --pds-color-datavis-diverging-a-7: #5878b0;
320
+ --pds-color-datavis-diverging-b-1: #a850c8;
321
+ --pds-color-datavis-diverging-b-2: #b868d0;
322
+ --pds-color-datavis-diverging-b-3: #c090d8;
323
+ --pds-color-datavis-diverging-b-4: #555555;
324
+ --pds-color-datavis-diverging-b-5: #d49080;
325
+ --pds-color-datavis-diverging-b-6: #c87050;
326
+ --pds-color-datavis-diverging-b-7: #b85030;
327
+ --pds-color-datavis-single-active: #749cff;
328
+ --pds-color-datavis-single-muted: #404040;
329
+ --pds-color-datavis-status-success: #43c463;
330
+ --pds-color-datavis-status-critical: #de2e21;
331
+ --pds-color-datavis-status-info: #4ba2ff;
332
+ --pds-color-datavis-status-warning: #b06300;
333
+ --pds-color-datavis-status-discovery: #6f3fa6;
334
+ --pds-color-datavis-status-neutral: #b0b0b6;
186
335
  --pds-color-dropdown-background: oklch(0.2929 0.0039 264.51);
187
336
  --pds-color-dropdown-foreground: var(--pds-color-fg-default);
188
337
  --pds-color-dropdown-heading: var(--pds-color-fg-default-secondary);
189
338
  --pds-color-dropdown-description: var(--pds-color-fg-default-secondary);
190
- --pds-color-dropdown-item-background-hover: var(--pds-color-interactive-background-hover);
339
+ --pds-color-dropdown-item-background-hover: oklch(0.36 0.005 264);
191
340
  --pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
192
341
  --pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
193
342
  --pds-color-dropdown-top-border: rgba(255, 255, 255, 0.00);
194
343
  --pds-color-fg-default: oklch(1.0000 0 0);
195
344
  --pds-color-fg-default-secondary: oklch(0.8388 0.003 264.54);
196
345
  --pds-color-fg-reverse: oklch(0.2046 0 0);
197
- --pds-color-input-checkbox-checked-foreground: oklch(0.8388 0.003 264.54);
346
+ --pds-color-fg-reverse-secondary: oklch(0.5103 0 0);
347
+ --pds-color-input-placeholder: oklch(0.5991 0.0051 258.33);
198
348
  --pds-color-input-file-upload-button-background-default: oklch(0.2929 0.0039 264.51);
199
349
  --pds-color-input-file-upload-button-background-hover: oklch(0.3554 0.0058 258.35);
350
+ --pds-color-input-selected-background: oklch(0.5558 0.2372 267.79);
351
+ --pds-color-input-selected-foreground: oklch(1.0000 0 0);
200
352
  --pds-color-input-switch-icon: oklch(0.8388 0.003 264.54);
353
+ --pds-color-input-tag-background-default: oklch(0.38 0 0);
354
+ --pds-color-input-tag-background-hover: oklch(0.32 0 0);
355
+ --pds-color-input-tag-background-active: oklch(0.5558 0.2372 267.79);
356
+ --pds-color-input-tag-foreground-default: oklch(1.0000 0 0);
357
+ --pds-color-input-tag-foreground-hover: oklch(1.0000 0 0);
358
+ --pds-color-input-tag-foreground-active: oklch(1.0000 0 0);
359
+ --pds-color-input-tag-outline-active: oklch(0.5558 0.2372 267.79);
201
360
  --pds-color-interactive-background-hover: oklch(0.2929 0.0039 264.51);
202
361
  --pds-color-interactive-background-active: oklch(0.3554 0.0058 258.35);
203
362
  --pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
204
363
  --pds-color-interactive-link-default: oklch(0.6575 0.177 272.74);
205
- --pds-color-interactive-link-hover: oklch(0.6311 0.2503 304.99);
364
+ --pds-color-interactive-link-hover: oklch(0.744 0.129 274);
206
365
  --pds-color-interactive-link-active: oklch(0.6311 0.2503 304.99);
207
366
  --pds-color-interactive-link-visited: oklch(0.6311 0.2503 304.99);
367
+ --pds-color-interactive-ui-hover: oklch(0.6575 0.177 272.74);
208
368
  --pds-color-interactive-reverse-focus: oklch(0.5558 0.2372 267.79);
209
369
  --pds-color-interactive-reverse-link-default: oklch(0.5558 0.2372 267.79);
210
- --pds-color-interactive-reverse-link-hover: oklch(0.542 0.2895 299.91);
370
+ --pds-color-interactive-reverse-link-hover: oklch(0.4125 0.1942 266.8);
211
371
  --pds-color-interactive-reverse-link-active: oklch(0.4682 0.2508 299.4);
212
372
  --pds-color-interactive-reverse-link-visited: oklch(0.4682 0.2508 299.4);
213
- --pds-color-nav-item-default-foreground-hover: #9786E2;
214
- --pds-color-nav-item-default-foreground-active: #9786E2;
373
+ --pds-color-interactive-reverse-ui-hover: oklch(0.5558 0.2372 267.79);
374
+ --pds-color-nav-side-nav-indicator-active: oklch(0.5308 0.2335 268.08);
375
+ --pds-color-nav-side-nav-item-background-default: rgba(255, 255, 255, 0);
376
+ --pds-color-nav-side-nav-item-background-hover: oklch(0.4235 0.0071 264.49);
377
+ --pds-color-nav-side-nav-item-background-active: oklch(0.4235 0.0071 264.49);
378
+ --pds-color-nav-side-nav-item-foreground-default: var(--pds-color-fg-default-secondary);
379
+ --pds-color-nav-side-nav-item-foreground-hover: var(--pds-color-fg-default);
380
+ --pds-color-nav-side-nav-item-foreground-active: var(--pds-color-fg-default);
381
+ --pds-color-nav-item-default-foreground-hover: oklch(0.6311 0.2503 304.99);
382
+ --pds-color-nav-item-default-foreground-active: oklch(0.6311 0.2503 304.99);
215
383
  --pds-color-nav-item-default-foreground-trigger: oklch(0.4235 0.0071 264.49);
216
- --pds-color-nav-item-reverse-foreground-hover: #42318D;
217
- --pds-color-nav-item-reverse-foreground-active: #42318D;
218
- --pds-color-overlay: rgba(9, 0, 48, 0.45);
384
+ --pds-color-nav-item-reverse-foreground-hover: oklch(0.4814 0.2603 297.73);
385
+ --pds-color-nav-item-reverse-foreground-active: oklch(0.4814 0.2603 297.73);
386
+ --pds-color-overlay: rgba(0, 0, 0, 0.45);
387
+ --pds-color-overlay-subtle: rgba(0, 0, 0, 0.4);
219
388
  --pds-color-partner-bitbucket: #004DC0;
220
389
  --pds-color-partner-drupal: #009CDE;
221
390
  --pds-color-partner-gatsby: #663399;
@@ -226,21 +395,57 @@
226
395
  --pds-color-partner-wordpress: #0073AA;
227
396
  --pds-color-social-rss: #f3763a;
228
397
  --pds-color-status-success-foreground: oklch(0.9079 0.087 152.53);
398
+ --pds-color-status-success-dot: oklch(0.5118 0.1311 147.75);
229
399
  --pds-color-status-success-border: oklch(0.5118 0.1311 147.75);
230
400
  --pds-color-status-success-background: oklch(0.3778 0.0814 153.95);
231
401
  --pds-color-status-info-foreground: oklch(0.8816 0.0619 245.59);
402
+ --pds-color-status-info-dot: oklch(0.5707 0.1855 255.14);
232
403
  --pds-color-status-info-border: oklch(0.5707 0.1855 255.14);
233
404
  --pds-color-status-info-background: oklch(0.4399 0.1453 255.91);
234
405
  --pds-color-status-critical-foreground: oklch(0.8326 0.0742 24.95);
406
+ --pds-color-status-critical-dot: oklch(0.5103 0.1942 29.6);
235
407
  --pds-color-status-critical-border: oklch(0.5103 0.1942 29.6);
236
408
  --pds-color-status-critical-background: oklch(0.3866 0.145 30.09);
237
409
  --pds-color-status-warning-foreground: oklch(0.9147 0.0715 75.62);
410
+ --pds-color-status-warning-dot: oklch(0.5757 0.1336 61.11);
238
411
  --pds-color-status-warning-border: oklch(0.5757 0.1336 61.11);
239
412
  --pds-color-status-warning-background: oklch(0.4141 0.0927 65.26);
240
413
  --pds-color-status-discovery-foreground: oklch(0.8267 0.0958 307.50);
414
+ --pds-color-status-discovery-dot: oklch(0.4772 0.1603 302.13);
241
415
  --pds-color-status-discovery-border: oklch(0.4772 0.1603 302.13);
242
416
  --pds-color-status-discovery-background: oklch(0.2809 0.0442 307.66);
243
- --pds-elevation-dashboard: 1px 1px 6px -2px rgba(80, 80, 80, 0.2), 1px 1px 0px 0px #1a1b20;
417
+ --pds-color-status-neutral-background: oklch(0.3554 0.0058 258.35);
418
+ --pds-color-status-neutral-indicator: oklch(0.8388 0.003 264.54);
419
+ --pds-color-status-frozen-dot: oklch(0.8816 0.0619 245.59);
420
+ --pds-color-status-disabled-dot: oklch(0.8853 0 0);
421
+ --pds-elevation-drawer-left: 2px 0px 32px 0px rgba(0, 0, 0, 0.8), 1px 0px 0px 0px rgba(255, 255, 255, 0.12);
422
+ --pds-elevation-drawer-right: -2px 0px 32px 0px rgba(0, 0, 0, 0.8), -1px 0px 0px 0px rgba(255, 255, 255, 0.12);
423
+ --pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(255, 255, 255, 0.06);
424
+ --pds-elevation-sortable-hover: 0px 0px 3px 1px rgba(58, 93, 251, 0.35);
244
425
  --pds-elevation-raised: 0px 3px 5px 0px rgba(18, 18, 25, 0.6), 0px 0px 0px 1px rgba(120, 120, 120, 0.15);
426
+ --pds-elevation-draggable: 0px 2px 6px 0px rgba(0, 0, 0, 0.4), 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
245
427
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6), 0px 0px 0px 1px rgba(120, 120, 120, 0.15);
428
+ --pds-gradient-avatar-midnight: linear-gradient(315deg, #5F41E5 0%, #141013 100%);
429
+ --pds-gradient-avatar-twilight: linear-gradient(315deg, #C72FA2 0%, #1B0874 100%);
430
+ --pds-gradient-avatar-sunrise: linear-gradient(135deg, #3017A1 0%, #F09737 100%);
431
+ --pds-gradient-avatar-dawn: linear-gradient(315deg, #FFDC28 0%, #A2CFFF 100%);
432
+ --pds-gradient-avatar-sundown: linear-gradient(135deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
433
+ --pds-gradient-avatar-dusk: linear-gradient(315deg, #01EFFE 0%, #FF00C5 100%);
434
+ --pds-gradient-avatar-plum: linear-gradient(135deg, #000006 0%, #782EA9 76.76%);
435
+ --pds-gradient-avatar-grape: linear-gradient(315deg, #DE0093 0%, #5F41E5 100%);
436
+ --pds-gradient-avatar-dragonfruit: linear-gradient(315deg, #D0C6FF 0%, #DE0093 100%);
437
+ --pds-gradient-avatar-winter: linear-gradient(315deg, #FFDC28 0%, #5F41E5 100%);
438
+ --pds-gradient-avatar-spring: linear-gradient(315deg, #FFDC28 0%, #218C5F 100%);
439
+ --pds-gradient-avatar-summer: linear-gradient(135deg, #FF00C5 0%, #F09737 100%);
440
+ --pds-gradient-avatar-fall: linear-gradient(135deg, #CC36C9 0%, #FFFF11 100%);
441
+ --pds-gradient-avatar-earth: linear-gradient(315deg, #6BC5FC 0%, #218C5F 100%);
442
+ --pds-gradient-avatar-moon: linear-gradient(315deg, #A2CFFF 0%, #8A70FF 100%);
443
+ --pds-gradient-avatar-sun: linear-gradient(135deg, #E65F35 0%, #FFFF11 100%);
444
+ --pds-gradient-badge-feature: linear-gradient(81deg, oklch(0.5939 0.2479 349.85) 3.17%, oklch(0.5157 0.2324 282.97) 92.85%);
445
+ --pds-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
446
+ --pds-gradient-card-mint: linear-gradient(225deg, #4BCE97 0%, #BAF3DB 100%);
447
+ --pds-gradient-card-lavender: linear-gradient(225deg, #8A70FF 0%, #BFB1FF 100%);
448
+ --pds-gradient-card-royal: linear-gradient(225deg, #3017A1 0%, #8A70FF 100%);
449
+ --pds-gradient-card-sundown: linear-gradient(225deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
450
+ --pds-gradient-card-fog: linear-gradient(45deg, #EAD7D3 0%, #A2DCFF 100%);
246
451
  }
package/dist/css/design-tokens/variables.global.css CHANGED
@@ -12,29 +12,25 @@
12
12
  --pds-border-width-stepper: 3px;
13
13
  --pds-border-width-default: 1px;
14
14
  --pds-border-width-thicker: 2px;
15
- --pds-border-width-outline: 1px;
16
- --pds-border-radius-default: 0.188rem;
15
+ --pds-border-width-outline: 2px;
17
16
  --pds-border-radius-bar: 3.5rem;
18
17
  --pds-border-radius-button: 3.5rem;
18
+ --pds-border-radius-card: 0.5rem;
19
19
  --pds-border-radius-container: 0.375rem;
20
+ --pds-border-radius-default: 0.188rem;
20
21
  --pds-border-radius-input: 0.25rem;
22
+ --pds-border-radius-panel: 0.75rem;
23
+ --pds-border-radius-promo: 1.5rem;
21
24
  --pds-container-modal-width-s: 25rem;
22
25
  --pds-container-modal-width-m: 37.5rem;
23
26
  --pds-container-modal-width-l: 47.5rem;
24
27
  --pds-container-modal-width-xl: 67.5rem;
25
28
  --pds-container-tooltip-max-width: 12.5rem;
26
29
  --pds-container-dashboard-navbar-max-width: 1440px;
27
- --pds-container-padding-base: var(--pds-spacing-xl);
28
- --pds-container-padding-narrow-bp-m: 12%;
29
- --pds-container-padding-narrow-bp-l: 20%;
30
- --pds-container-padding-standard-bp-m: 6%;
31
- --pds-container-padding-standard-bp-l: 8%;
32
- --pds-container-padding-wide-bp-m: 5%;
33
- --pds-container-padding-wide-bp-l: 4%;
34
30
  --pds-container-max-width-narrow: 1024px;
35
- --pds-container-max-width-standard: 1200px;
36
- --pds-container-max-width-wide: 1440px;
37
- --pds-container-max-width-x-wide: 1600px;
31
+ --pds-container-max-width-standard: 1280px;
32
+ --pds-container-max-width-wide: 1600px;
33
+ --pds-container-max-width-x-wide: 1860px;
38
34
  --pds-grid-columns-4-gap: var(--pds-spacing-l);
39
35
  --pds-grid-columns-12-bp-m-gap-narrow: var(--pds-spacing-l);
40
36
  --pds-grid-columns-12-bp-m-gap-standard: var(--pds-spacing-xl);
@@ -80,6 +76,7 @@
80
76
  --pds-spacing-button-gap-inline-xl: var(--pds-spacing-xs);
81
77
  --pds-spacing-input-height-s: var(--pds-spacing-2xl);
82
78
  --pds-spacing-input-height-m: var(--pds-spacing-3xl);
79
+ --pds-spacing-input-height-l: var(--pds-spacing-4xl);
83
80
  --pds-z-index-navigation: 100;
84
81
  --pds-z-index-dropdown: 300;
85
82
  --pds-z-index-notifications: 500;