@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/design-tokens/variables.light.css CHANGED
@@ -1,373 +1,440 @@
1
1
  :root, [data-theme="light"] {
2
- --pds-color-badge-apollo-background: oklch(0.8975 0.1774 96.79);
3
- --pds-color-badge-apollo-foreground: oklch(0.2046 0 0);
4
- --pds-color-badge-apollo-secondary-background: oklch(0.9598 0.0751 97.78);
5
- --pds-color-badge-apollo-secondary-foreground: oklch(0.2842 0.0752 49.97);
6
- --pds-color-badge-iris-background: oklch(0.5558 0.2372 267.79);
7
- --pds-color-badge-iris-foreground: oklch(1.0000 0 0);
8
- --pds-color-badge-iris-secondary-background: oklch(0.9401 0.0349 232.04);
9
- --pds-color-badge-iris-secondary-foreground: oklch(0.3462 0.2268 270.06);
10
- --pds-color-badge-hypnos-background: oklch(0.542 0.2895 299.91);
11
- --pds-color-badge-hypnos-foreground: oklch(1.0000 0 0);
12
- --pds-color-badge-hypnos-secondary-background: oklch(0.9404 0.0521 325.00);
13
- --pds-color-badge-hypnos-secondary-foreground: oklch(0.3933 0.2209 291.24);
14
- --pds-color-badge-gaia-background: oklch(0.8853 0 0);
15
- --pds-color-badge-gaia-foreground: oklch(0.2046 0 0);
16
- --pds-color-badge-gaia-secondary-background: oklch(0.9606 0.0164 79.35);
17
- --pds-color-badge-gaia-secondary-foreground: oklch(0.2812 0.0674 57.94);
18
- --pds-color-badge-aether-background: oklch(0.2046 0 0);
19
- --pds-color-badge-aether-foreground: oklch(1.0000 0 0);
20
- --pds-color-badge-aether-secondary-background: oklch(0.9595 0.0167 230.90);
21
- --pds-color-badge-aether-secondary-foreground: oklch(0.2930 0.0705 242.77);
22
- --pds-color-badge-success-background: oklch(0.5118 0.1311 147.75);
2
+ --pds-color-badge-brand-background: oklch(0.8622 0.1681 88.31);
3
+ --pds-color-badge-brand-foreground: oklch(0.2178 0 0);
4
+ --pds-color-badge-brand-muted-background: oklch(0.9577 0.0624 93.43);
5
+ --pds-color-badge-brand-muted-foreground: oklch(0.3894 0.0774 72.04);
6
+ --pds-color-badge-success-background: oklch(0.4787 0.1296 134.07);
23
7
  --pds-color-badge-success-foreground: oklch(1.0000 0 0);
24
- --pds-color-badge-success-secondary-background: oklch(0.9606 0.0559 147.50);
25
- --pds-color-badge-success-secondary-foreground: oklch(0.2986 0.1016 142.50);
26
- --pds-color-badge-warning-background: oklch(0.8008 0.1637 90.52);
27
- --pds-color-badge-warning-foreground: oklch(0.2046 0 0);
28
- --pds-color-badge-warning-secondary-background: oklch(0.9465 0.0444 75.99);
29
- --pds-color-badge-warning-secondary-foreground: oklch(0.2868 0.1177 29.23);
30
- --pds-color-badge-critical-background: oklch(0.5856 0.2126 29.44);
8
+ --pds-color-badge-success-muted-background: oklch(0.8896 0.0468 134.36);
9
+ --pds-color-badge-success-muted-foreground: oklch(0.2998 0.0893 136.08);
10
+ --pds-color-badge-warning-background: oklch(0.5658 0.1338 53.43);
11
+ --pds-color-badge-warning-foreground: oklch(1.0000 0 0);
12
+ --pds-color-badge-warning-muted-background: oklch(0.9208 0.0469 69.27);
13
+ --pds-color-badge-warning-muted-foreground: oklch(0.3111 0.0678 55.70);
14
+ --pds-color-badge-critical-background: oklch(0.4501 0.1581 26.35);
31
15
  --pds-color-badge-critical-foreground: oklch(1.0000 0 0);
32
- --pds-color-badge-critical-secondary-background: oklch(0.9248 0.0402 41.03);
33
- --pds-color-badge-critical-secondary-foreground: oklch(0.3488 0.1431 29.23);
34
- --pds-color-badge-info-background: oklch(0.5476 0.1867 255.95);
16
+ --pds-color-badge-critical-muted-background: oklch(0.8859 0.0414 19.05);
17
+ --pds-color-badge-critical-muted-foreground: oklch(0.2550 0.0814 25.05);
18
+ --pds-color-badge-info-background: oklch(0.5 0.155 254);
35
19
  --pds-color-badge-info-foreground: oklch(1.0000 0 0);
36
- --pds-color-badge-info-secondary-background: oklch(0.9469 0.0406 215.88);
37
- --pds-color-badge-info-secondary-foreground: oklch(0.2923 0.2026 264.05);
38
- --pds-color-badge-discovery-background: oklch(0.4401 0.1973 306.55);
20
+ --pds-color-badge-info-muted-background: oklch(0.9124 0.0439 250.42);
21
+ --pds-color-badge-info-muted-foreground: oklch(0.2940 0.1030 256.67);
22
+ --pds-color-badge-discovery-background: oklch(0.4274 0.1232 303.80);
39
23
  --pds-color-badge-discovery-foreground: oklch(1.0000 0 0);
40
- --pds-color-badge-discovery-secondary-background: oklch(0.9487 0.0459 325.93);
41
- --pds-color-badge-discovery-secondary-foreground: oklch(0.3272 0.1732 301.51);
42
- --pds-color-badge-amber-background: oklch(0.5748 0.1493 51.28);
43
- --pds-color-badge-amber-foreground: oklch(1.0000 0 0);
44
- --pds-color-badge-amber-secondary-background: oklch(0.9408 0.0522 78.34);
45
- --pds-color-badge-amber-secondary-foreground: oklch(0.3116 0.1279 29.23);
46
- --pds-color-badge-orange-background: oklch(0.5822 0.1890 38.39);
24
+ --pds-color-badge-discovery-muted-background: oklch(0.9072 0.0310 310.98);
25
+ --pds-color-badge-discovery-muted-foreground: oklch(0.2673 0.0978 295.43);
26
+ --pds-color-badge-rose-background: oklch(0.5479 0.1847 1.24);
27
+ --pds-color-badge-rose-foreground: oklch(1.0000 0 0);
28
+ --pds-color-badge-rose-muted-background: oklch(0.9106 0.0331 351.20);
29
+ --pds-color-badge-rose-muted-foreground: oklch(0.3361 0.1343 13.26);
30
+ --pds-color-badge-orange-background: oklch(0.5874 0.1832 40.31);
47
31
  --pds-color-badge-orange-foreground: oklch(1.0000 0 0);
48
- --pds-color-badge-orange-secondary-background: oklch(0.9266 0.0452 57.50);
49
- --pds-color-badge-orange-secondary-foreground: oklch(0.3445 0.1414 29.23);
32
+ --pds-color-badge-orange-muted-background: oklch(0.9175 0.0328 49.33);
33
+ --pds-color-badge-orange-muted-foreground: oklch(0.3445 0.1414 29.23);
50
34
  --pds-color-badge-lime-background: oklch(0.5540 0.1620 135.05);
51
35
  --pds-color-badge-lime-foreground: oklch(1.0000 0 0);
52
- --pds-color-badge-lime-secondary-background: oklch(0.9603 0.0793 132.38);
53
- --pds-color-badge-lime-secondary-foreground: oklch(0.2918 0.0993 142.50);
54
- --pds-color-badge-teal-background: oklch(0.5203 0.0927 183.02);
55
- --pds-color-badge-teal-foreground: oklch(1.0000 0 0);
56
- --pds-color-badge-teal-secondary-background: oklch(0.9599 0.0392 182.77);
57
- --pds-color-badge-teal-secondary-foreground: oklch(0.3045 0.0567 176.40);
36
+ --pds-color-badge-lime-muted-background: oklch(0.9185 0.0344 128.89);
37
+ --pds-color-badge-lime-muted-foreground: oklch(0.2918 0.0993 142.50);
58
38
  --pds-color-badge-sky-background: oklch(0.5571 0.1189 235.42);
59
39
  --pds-color-badge-sky-foreground: oklch(1.0000 0 0);
60
- --pds-color-badge-sky-secondary-background: oklch(0.9539 0.0448 206.80);
61
- --pds-color-badge-sky-secondary-foreground: oklch(0.3083 0.1049 255.90);
40
+ --pds-color-badge-sky-muted-background: oklch(0.9144 0.0264 224.25);
41
+ --pds-color-badge-sky-muted-foreground: oklch(0.3083 0.1049 255.90);
62
42
  --pds-color-badge-indigo-background: oklch(0.4574 0.1942 275.52);
63
43
  --pds-color-badge-indigo-foreground: oklch(1.0000 0 0);
64
- --pds-color-badge-indigo-secondary-background: oklch(0.9452 0.0263 257.03);
65
- --pds-color-badge-indigo-secondary-foreground: oklch(0.3152 0.1990 274.45);
66
- --pds-color-badge-rose-background: oklch(0.5479 0.1847 1.24);
67
- --pds-color-badge-rose-foreground: oklch(1.0000 0 0);
68
- --pds-color-badge-rose-secondary-background: oklch(0.9305 0.0434 346.32);
69
- --pds-color-badge-rose-secondary-foreground: oklch(0.3361 0.1343 13.26);
70
- --pds-color-badge-slate-background: oklch(0.5169 0.0320 248.45);
71
- --pds-color-badge-slate-foreground: oklch(1.0000 0 0);
72
- --pds-color-badge-slate-secondary-background: oklch(0.9604 0.0137 247.97);
73
- --pds-color-badge-slate-secondary-foreground: oklch(0.2787 0.0367 249.26);
74
- --pds-color-badge-sand-background: oklch(0.5693 0.0766 76.35);
75
- --pds-color-badge-sand-foreground: oklch(1.0000 0 0);
76
- --pds-color-badge-sand-secondary-background: oklch(0.9607 0.0315 78.17);
77
- --pds-color-badge-sand-secondary-foreground: oklch(0.2816 0.0657 60.48);
78
- --pds-color-badge-mint-background: oklch(0.5463 0.1062 171.76);
79
- --pds-color-badge-mint-foreground: oklch(1.0000 0 0);
80
- --pds-color-badge-mint-secondary-background: oklch(0.9601 0.0479 173.52);
81
- --pds-color-badge-mint-secondary-foreground: oklch(0.3074 0.0697 159.89);
44
+ --pds-color-badge-indigo-muted-background: oklch(0.9364 0.0311 281.82);
45
+ --pds-color-badge-indigo-muted-foreground: oklch(0.3152 0.1990 274.45);
46
+ --pds-color-badge-ink-background: oklch(0.2178 0 0);
47
+ --pds-color-badge-ink-foreground: oklch(1.0000 0 0);
48
+ --pds-color-badge-ink-muted-background: oklch(0.8761 0 0);
49
+ --pds-color-badge-ink-muted-foreground: oklch(0.2178 0 0);
82
50
  --pds-color-badge-silver-background: oklch(0.8047 0 0);
83
- --pds-color-badge-silver-foreground: oklch(0.2046 0 0);
84
- --pds-color-badge-silver-secondary-background: oklch(0.9551 0 0);
85
- --pds-color-badge-silver-secondary-foreground: oklch(0.3211 0 0);
86
- --pds-color-badge-stone-background: oklch(0.5103 0 0);
51
+ --pds-color-badge-silver-foreground: oklch(0.2178 0 0);
52
+ --pds-color-badge-silver-muted-background: oklch(0.9430 0 0);
53
+ --pds-color-badge-silver-muted-foreground: oklch(0.3211 0 0);
54
+ --pds-color-badge-slate-background: oklch(0.4766 0.0328 237.46);
55
+ --pds-color-badge-slate-foreground: oklch(1.0000 0 0);
56
+ --pds-color-badge-slate-muted-background: oklch(0.9388 0.0118 239.91);
57
+ --pds-color-badge-slate-muted-foreground: oklch(0.3850 0.0290 240.04);
58
+ --pds-color-badge-stone-background: oklch(0.4876 0.0094 73.66);
87
59
  --pds-color-badge-stone-foreground: oklch(1.0000 0 0);
88
- --pds-color-badge-stone-secondary-background: oklch(0.8822 0 0);
89
- --pds-color-badge-stone-secondary-foreground: oklch(0.2850 0 0);
90
- --pds-color-badge-feature-foreground: oklch(1.0000 0 0);
91
- --pds-color-banner-info-background: oklch(0.5476 0.1867 255.95);
60
+ --pds-color-badge-stone-muted-background: oklch(0.9261 0.0144 84.58);
61
+ --pds-color-badge-stone-muted-foreground: oklch(0.4022 0.0071 84.59);
62
+ --pds-color-badge-gold-background: oklch(0.5693 0.0766 76.35);
63
+ --pds-color-badge-gold-foreground: oklch(1.0000 0 0);
64
+ --pds-color-badge-gold-muted-background: oklch(0.9281 0.0348 98.08);
65
+ --pds-color-badge-gold-muted-foreground: oklch(0.2816 0.0657 60.48);
66
+ --pds-color-banner-info-background: oklch(0.5 0.155 254);
92
67
  --pds-color-banner-info-foreground: oklch(1.0000 0 0);
93
- --pds-color-banner-warning-background: oklch(0.8008 0.1637 90.52);
94
- --pds-color-banner-warning-foreground: oklch(0.2046 0 0);
95
- --pds-color-banner-critical-background: oklch(0.5856 0.2126 29.44);
68
+ --pds-color-banner-warning-background: oklch(0.5658 0.1338 53.43);
69
+ --pds-color-banner-warning-foreground: oklch(1.0000 0 0);
70
+ --pds-color-banner-critical-background: oklch(0.4501 0.1581 26.35);
96
71
  --pds-color-banner-critical-foreground: oklch(1.0000 0 0);
97
- --pds-color-banner-discovery-background: oklch(0.5817 0.2576 306.75);
72
+ --pds-color-banner-discovery-background: oklch(0.4274 0.1232 303.80);
98
73
  --pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
99
- --pds-color-banner-neutral-background: oklch(0.2046 0 0);
74
+ --pds-color-banner-neutral-background: oklch(0.2178 0 0);
100
75
  --pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
101
- --pds-color-card-background: oklch(0.9851 0 0);
102
- --pds-color-code-block-dark-background: var(--pds-color-bg-reverse);
103
- --pds-color-code-block-dark-foreground: var(--pds-color-fg-reverse);
104
- --pds-color-code-block-dark-line-prefix: #9699A1;
105
- --pds-color-code-block-dark-highlight: #474954;
106
- --pds-color-code-block-light-background: #EFF0F0;
107
- --pds-color-code-block-light-foreground: #3B3D45;
108
- --pds-color-code-block-light-line-prefix: #686D78;
109
- --pds-color-code-block-light-highlight: #DEDFE0;
110
- --pds-color-dashboard-toggle-button-background: var(--pds-color-bg-reverse);
111
- --pds-color-dashboard-toggle-button-foreground: var(--pds-color-fg-reverse);
112
- --pds-color-dashboard-nav-background: var(--pds-color-bg-default-secondary);
113
- --pds-color-dashboard-nav-background-admin: #edecf8;
114
- --pds-color-dashboard-nav-item-background-default: rgba(255, 255, 255, 0.00);
115
- --pds-color-dashboard-nav-item-background-hover: oklch(0.9401 0 0);
116
- --pds-color-dashboard-nav-item-background-hover-admin: oklch(0.9851 0 0);
117
- --pds-color-dashboard-nav-item-background-active: var(--pds-color-bg-reverse);
118
- --pds-color-dashboard-nav-item-foreground-default: var(--pds-color-fg-default);
119
- --pds-color-dashboard-nav-item-foreground-hover: var(--pds-color-fg-default);
120
- --pds-color-dashboard-nav-item-foreground-active: var(--pds-color-fg-reverse);
121
- --pds-color-datepicker-accent-foreground: #4F32CE;
122
- --pds-color-datepicker-range-background: #F4F3FC;
123
- --pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
124
- --pds-color-datepicker-selected-background: #4F32CE;
76
+ --pds-color-card-background: oklch(1.0000 0 0);
77
+ --pds-color-code-block-background: oklch(0.31 0 0);
78
+ --pds-color-code-block-foreground: oklch(1 0 0);
79
+ --pds-color-code-block-focus: oklch(0.6800 0.1612 253.57);
80
+ --pds-color-code-block-line-prefix: #9699a1;
81
+ --pds-color-code-block-syntax-punctuation: #c3c5c9;
82
+ --pds-color-code-block-syntax-function: #f5c43a;
83
+ --pds-color-code-block-syntax-keyword: #72c4ff;
84
+ --pds-color-code-block-syntax-string: #a0f76e;
85
+ --pds-color-code-block-syntax-boolean: #d18fff;
86
+ --pds-color-code-block-syntax-tag: #ff61ca;
87
+ --pds-color-code-block-syntax-deleted: #f8495d;
88
+ --pds-color-code-block-syntax-inserted: #a0f76e;
89
+ --pds-color-datepicker-accent-foreground: oklch(0.59 0.1689 253.60);
90
+ --pds-color-datepicker-selected-background: var(--pds-color-interactive-background-current);
125
91
  --pds-color-datepicker-selected-foreground: oklch(1.0000 0 0);
126
- --pds-color-log-row-standard-background-default: oklch(0.2046 0 0);
127
- --pds-color-log-row-standard-background-hover: oklch(0.5103 0 0);
128
- --pds-color-log-row-warning-background-default: oklch(0.9834 0.0199 97.52);
129
- --pds-color-log-row-error-background-default: oklch(0.9645 0.0174 21.81);
130
- --pds-color-pagination-foreground-hover: var(--pds-color-interactive-link-hover);
131
- --pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
132
- --pds-color-pagination-background-hover: var(--pds-color-brand-primary-100);
133
- --pds-color-pagination-background-active: #E5E0F8;
134
- --pds-color-panel-sunken-background: oklch(0.9702 0 0);
135
- --pds-color-panel-raised-background: oklch(0.9851 0 0);
136
- --pds-color-panel-overlay-background: oklch(0.9851 0 0);
137
- --pds-color-expansion-panel-hover: oklch(0.9702 0 0);
138
- --pds-color-expansion-panel-open: oklch(0.9702 0 0);
92
+ --pds-color-pagination-foreground-hover: oklch(0.2178 0 0);
93
+ --pds-color-pagination-foreground-current: var(--pds-color-interactive-background-current-foreground);
94
+ --pds-color-panel-sunken-background: oklch(0.9731 0 0);
95
+ --pds-color-expansion-panel-hover: oklch(0.9430 0 0);
96
+ --pds-color-popover-border: oklch(0.925 0 0);
97
+ --pds-color-skeleton-regular-base: oklch(0.8761 0 0);
98
+ --pds-color-skeleton-regular-shimmer: oklch(0.9430 0 0);
99
+ --pds-color-skeleton-bold-base: oklch(0.8047 0 0);
100
+ --pds-color-skeleton-bold-shimmer: oklch(0.8761 0 0);
101
+ --pds-color-sortable-border-hover: oklch(0.7913 0.1048 267.25);
102
+ --pds-color-sortable-border-target: oklch(0.5558 0.2372 267.79);
139
103
  --pds-color-spinner-full-1: #8f00f9;
140
104
  --pds-color-spinner-full-2: #ffdc28;
141
105
  --pds-color-spinner-full-3: transparent;
142
106
  --pds-color-spinner-mono-1: #171717;
143
107
  --pds-color-spinner-mono-2: #66666680;
144
108
  --pds-color-spinner-mono-3: transparent;
145
- --pds-color-spinner-mono-reverse-1: #FFFFFF;
109
+ --pds-color-spinner-mono-reverse-1: var(--pds-color-foreground-reverse);
146
110
  --pds-color-spinner-mono-reverse-2: #ffffff80;
147
111
  --pds-color-spinner-mono-reverse-3: transparent;
148
112
  --pds-color-spinner-critical-secondary-1: #DE2E21;
149
113
  --pds-color-spinner-critical-secondary-2: #F5B6B0;
150
114
  --pds-color-spinner-critical-secondary-3: transparent;
151
- --pds-color-tag-1-background: #DED8FA;
152
- --pds-color-tag-1-foreground: #5C4FAC;
153
- --pds-color-tag-2-background: #F8D7D3;
154
- --pds-color-tag-2-foreground: #A0392C;
155
- --pds-color-tag-3-background: #F5E7A8;
156
- --pds-color-tag-3-foreground: #7B611E;
157
- --pds-color-tag-4-background: #F7D7EC;
158
- --pds-color-tag-4-foreground: #894271;
159
- --pds-color-tag-5-background: #D9F0AF;
160
- --pds-color-tag-5-foreground: #536A2B;
161
- --pds-color-tag-6-background: #DDDFE3;
162
- --pds-color-tag-6-foreground: #47546D;
163
- --pds-color-tag-7-background: #C6F1DC;
164
- --pds-color-tag-7-foreground: #3E7256;
165
- --pds-color-tag-8-background: #F9DFCB;
166
- --pds-color-tag-8-foreground: #9A4E1C;
167
- --pds-color-tag-9-background: #CEECF9;
168
- --pds-color-tag-9-foreground: #366880;
169
- --pds-color-tag-10-background: #D0DFFC;
170
- --pds-color-tag-10-foreground: #2254C5;
171
- --pds-color-tag-11-background: #72CB9B;
172
- --pds-color-tag-11-foreground: #264A37;
173
- --pds-color-tag-12-background: #81C1DD;
174
- --pds-color-tag-12-foreground: #234453;
175
- --pds-color-tag-13-background: #689BF8;
176
- --pds-color-tag-13-foreground: #163168;
177
- --pds-color-tag-14-background: #9C90E9;
178
- --pds-color-tag-14-foreground: #342C60;
179
- --pds-color-tag-15-background: #E87E73;
180
- --pds-color-tag-15-foreground: #50201B;
181
- --pds-color-tag-16-background: #F1A76E;
182
- --pds-color-tag-16-foreground: #68320F;
183
- --pds-color-tag-17-background: #DA81BC;
184
- --pds-color-tag-17-foreground: #46253B;
185
- --pds-color-tag-18-background: #EFCE60;
186
- --pds-color-tag-18-foreground: #504012;
187
- --pds-color-tag-19-background: #9FC65B;
188
- --pds-color-tag-19-foreground: #3F4D27;
189
- --pds-color-tag-20-background: #8790A0;
190
- --pds-color-tag-20-foreground: #0E1E40;
191
- --pds-color-tile-background: oklch(0.9851 0 0);
192
- --pds-color-toast-background: oklch(0.3715 0 0);
193
- --pds-color-toast-foreground: oklch(1.0000 0 0);
194
- --pds-color-toast-action: oklch(0.8047 0 0);
195
- --pds-color-toast-info-icon: oklch(0.7019 0.1604 252.41);
196
- --pds-color-toast-success-icon: oklch(0.7275 0.177 148.24);
197
- --pds-color-toast-warning-icon: oklch(0.8008 0.1637 90.52);
198
- --pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
199
- --pds-color-bg-default: oklch(1.0000 0 0);
200
- --pds-color-bg-default-secondary: oklch(0.9702 0 0);
201
- --pds-color-bg-reverse: oklch(0.2046 0 0);
202
- --pds-color-border-default: oklch(0.9401 0 0);
203
- --pds-color-border-brand: #E5E0F8;
204
- --pds-color-border-input: oklch(0.8853 0 0);
205
- --pds-color-border-separator: oklch(0.8853 0 0);
206
- --pds-color-button-primary-background-default: oklch(0.2046 0 0);
207
- --pds-color-button-primary-background-hover: oklch(0.3715 0 0);
208
- --pds-color-button-primary-foreground: var(--pds-color-fg-reverse);
115
+ --pds-color-table-sort-icon-inactive: oklch(0.78 0 0);
116
+ --pds-color-tabs-border: oklch(0.8047 0 0);
117
+ --pds-color-tag-orange-background: oklch(0.9175 0.0328 49.33);
118
+ --pds-color-tag-orange-foreground: oklch(0.3445 0.1414 29.23);
119
+ --pds-color-tag-stone-background: oklch(0.9261 0.0144 84.58);
120
+ --pds-color-tag-stone-foreground: oklch(0.4022 0.0071 84.59);
121
+ --pds-color-tag-gold-background: oklch(0.9281 0.0348 98.08);
122
+ --pds-color-tag-gold-foreground: oklch(0.2816 0.0657 60.48);
123
+ --pds-color-tag-lime-background: oklch(0.9185 0.0344 128.89);
124
+ --pds-color-tag-lime-foreground: oklch(0.2918 0.0993 142.50);
125
+ --pds-color-tag-mint-background: oklch(0.9073 0.0527 151.10);
126
+ --pds-color-tag-mint-foreground: oklch(0.3285 0.0782 152.24);
127
+ --pds-color-tag-teal-background: oklch(0.9189 0.0386 190.48);
128
+ --pds-color-tag-teal-foreground: oklch(0.3255 0.0535 183.50);
129
+ --pds-color-tag-sky-background: oklch(0.9144 0.0264 224.25);
130
+ --pds-color-tag-sky-foreground: oklch(0.3083 0.1049 255.90);
131
+ --pds-color-tag-slate-background: oklch(0.9388 0.0118 239.91);
132
+ --pds-color-tag-slate-foreground: oklch(0.3850 0.0290 240.04);
133
+ --pds-color-tag-indigo-background: oklch(0.9364 0.0311 281.82);
134
+ --pds-color-tag-indigo-foreground: oklch(0.3152 0.1990 274.45);
135
+ --pds-color-tag-purple-background: oklch(0.9113 0.0569 309.38);
136
+ --pds-color-tag-purple-foreground: oklch(0.3212 0.1930 280.92);
137
+ --pds-color-tag-magenta-background: oklch(0.9002 0.0517 333.06);
138
+ --pds-color-tag-magenta-foreground: oklch(0.3752 0.1614 342.18);
139
+ --pds-color-tag-rose-background: oklch(0.9390 0.0187 9.31);
140
+ --pds-color-tag-rose-foreground: oklch(0.3361 0.1343 13.26);
141
+ --pds-color-tag-red-background: oklch(0.8878 0.0422 25.25);
142
+ --pds-color-tag-red-foreground: oklch(0.3680 0.1455 30.49);
143
+ --pds-color-tag-orange-solid-background: oklch(0.5874 0.1832 40.31);
144
+ --pds-color-tag-orange-solid-foreground: oklch(1.0000 0 0);
145
+ --pds-color-tag-teal-solid-background: oklch(0.5216 0.0902 182.77);
146
+ --pds-color-tag-teal-solid-foreground: oklch(1.0000 0 0);
147
+ --pds-color-tag-indigo-solid-background: oklch(0.4574 0.1942 275.52);
148
+ --pds-color-tag-indigo-solid-foreground: oklch(1.0000 0 0);
149
+ --pds-color-tag-magenta-solid-background: oklch(0.4094 0.1728 339.08);
150
+ --pds-color-tag-magenta-solid-foreground: oklch(1.0000 0 0);
151
+ --pds-color-tag-rose-solid-background: oklch(0.5479 0.1847 1.24);
152
+ --pds-color-tag-rose-solid-foreground: oklch(1.0000 0 0);
153
+ --pds-color-tag-gold-solid-background: oklch(0.5693 0.0766 76.35);
154
+ --pds-color-tag-gold-solid-foreground: oklch(1.0000 0 0);
155
+ --pds-color-tag-lime-solid-background: oklch(0.5540 0.1620 135.05);
156
+ --pds-color-tag-lime-solid-foreground: oklch(1.0000 0 0);
157
+ --pds-color-tag-sky-solid-background: oklch(0.5571 0.1189 235.42);
158
+ --pds-color-tag-sky-solid-foreground: oklch(1.0000 0 0);
159
+ --pds-color-tag-slate-solid-background: oklch(0.4766 0.0328 237.46);
160
+ --pds-color-tag-slate-solid-foreground: oklch(1.0000 0 0);
161
+ --pds-color-tag-success-solid-background: oklch(0.4787 0.1296 134.07);
162
+ --pds-color-tag-success-solid-foreground: oklch(1.0000 0 0);
163
+ --pds-color-tag-warning-solid-background: oklch(0.5658 0.1338 53.43);
164
+ --pds-color-tag-warning-solid-foreground: oklch(1.0000 0 0);
165
+ --pds-color-tag-critical-solid-background: oklch(0.4501 0.1581 26.35);
166
+ --pds-color-tag-critical-solid-foreground: oklch(1.0000 0 0);
167
+ --pds-color-tag-info-solid-background: oklch(0.5 0.155 254);
168
+ --pds-color-tag-info-solid-foreground: oklch(1.0000 0 0);
169
+ --pds-color-tag-discovery-solid-background: oklch(0.4274 0.1232 303.80);
170
+ --pds-color-tag-discovery-solid-foreground: oklch(1.0000 0 0);
171
+ --pds-color-tally-success-background: oklch(0.4787 0.1296 134.07);
172
+ --pds-color-tally-success-foreground: oklch(1.0000 0 0);
173
+ --pds-color-tally-warning-background: oklch(0.5658 0.1338 53.43);
174
+ --pds-color-tally-warning-foreground: oklch(1.0000 0 0);
175
+ --pds-color-tally-critical-background: oklch(0.4501 0.1581 26.35);
176
+ --pds-color-tally-critical-foreground: oklch(1.0000 0 0);
177
+ --pds-color-tally-info-background: oklch(0.5 0.155 254);
178
+ --pds-color-tally-info-foreground: oklch(1.0000 0 0);
179
+ --pds-color-tally-discovery-background: oklch(0.4274 0.1232 303.80);
180
+ --pds-color-tally-discovery-foreground: oklch(1.0000 0 0);
181
+ --pds-color-brand-default: oklch(0.8622 0.1681 88.31);
182
+ --pds-color-surface-default: oklch(1.0000 0 0);
183
+ --pds-color-surface-default-secondary: oklch(0.9731 0 0);
184
+ --pds-color-surface-reverse: oklch(0.2178 0 0);
185
+ --pds-color-border-default: oklch(0.925 0 0);
186
+ --pds-color-border-default-secondary: oklch(0.8761 0 0);
187
+ --pds-color-border-input: oklch(0.8761 0 0);
188
+ --pds-color-border-separator: oklch(0.8047 0 0);
189
+ --pds-color-border-hover: oklch(0.85 0 0);
190
+ --pds-color-button-primary-background-default: oklch(0.2178 0 0);
191
+ --pds-color-button-primary-background-hover: oklch(0.31 0 0);
192
+ --pds-color-button-primary-background-active: oklch(0.37 0 0);
193
+ --pds-color-button-primary-foreground: var(--pds-color-foreground-reverse);
209
194
  --pds-color-button-secondary-background-default: rgba(255, 255, 255, 0.00);
210
- --pds-color-button-secondary-background-hover: oklch(0.9401 0 0);
211
- --pds-color-button-secondary-border: oklch(0.8853 0 0);
212
- --pds-color-button-secondary-foreground: oklch(0.2046 0 0);
213
- --pds-color-button-subtle-background-default: rgba(255, 255, 255, 0.00);
214
- --pds-color-button-subtle-background-hover: oklch(0.9401 0 0);
215
- --pds-color-button-subtle-foreground: oklch(0.2046 0 0);
216
- --pds-color-button-brand-background-default: oklch(0.8975 0.1774 96.79);
217
- --pds-color-button-brand-background-hover: oklch(0.9101 0.1759 98.94);
218
- --pds-color-button-brand-foreground: oklch(0.2046 0 0);
219
- --pds-color-button-accent-background-default: oklch(0.5558 0.2372 267.79);
220
- --pds-color-button-accent-background-hover: oklch(0.4895 0.218 267.83);
221
- --pds-color-button-accent-foreground: var(--pds-color-fg-reverse);
222
- --pds-color-button-critical-background-default: oklch(0.5103 0.1942 29.6);
223
- --pds-color-button-critical-background-hover: oklch(0.5856 0.2126 29.44);
195
+ --pds-color-button-secondary-background-hover: rgba(0, 0, 0, 0.05);
196
+ --pds-color-button-secondary-background-active: oklch(0.9731 0 0);
197
+ --pds-color-button-secondary-border: oklch(0.6529 0.0064 264.52);
198
+ --pds-color-button-secondary-foreground-default: oklch(0.2178 0 0);
199
+ --pds-color-button-secondary-foreground-hover: oklch(0.2178 0 0);
200
+ --pds-color-button-subtle-background-default: rgba(0, 0, 0, 0.055);
201
+ --pds-color-button-subtle-background-hover: rgba(0, 0, 0, 0.0825);
202
+ --pds-color-button-subtle-background-active: oklch(0.9731 0 0);
203
+ --pds-color-button-subtle-foreground: oklch(0.2178 0 0);
204
+ --pds-color-button-brand-background-default: oklch(0.8622 0.1681 88.31);
205
+ --pds-color-button-brand-background-hover: oklch(0.8018 0.1553 87.86);
206
+ --pds-color-button-brand-background-active: oklch(0.7457 0.1444 87.86);
207
+ --pds-color-button-brand-foreground: oklch(0.2178 0 0);
208
+ --pds-color-button-highlight-background-default: var(--pds-color-interactive-background-current);
209
+ --pds-color-button-highlight-background-hover: oklch(0.455 0.155 254);
210
+ --pds-color-button-highlight-background-active: oklch(0.44 0.1280 255.90);
211
+ --pds-color-button-highlight-foreground: var(--pds-color-foreground-reverse);
212
+ --pds-color-button-critical-background-default: oklch(0.5338 0.1771 25.54);
213
+ --pds-color-button-critical-background-hover: oklch(0.4501 0.1581 26.35);
214
+ --pds-color-button-critical-background-active: oklch(0.4051 0.1423 26.35);
224
215
  --pds-color-button-critical-foreground: oklch(1.0000 0 0);
225
216
  --pds-color-button-critical-secondary-background-default: rgba(255, 255, 255, 0.00);
226
- --pds-color-button-critical-secondary-background-hover: oklch(0.9645 0.0174 21.81);
217
+ --pds-color-button-critical-secondary-background-hover: oklch(0.9629 0.0152 22.40);
218
+ --pds-color-button-critical-secondary-background-active: oklch(0.9629 0.0152 22.40);
227
219
  --pds-color-button-critical-secondary-border-default: var(--pds-color-status-critical-foreground);
228
220
  --pds-color-button-critical-secondary-border-hover: var(--pds-color-status-critical-foreground);
229
- --pds-color-button-critical-secondary-foreground: oklch(0.5856 0.2126 29.44);
230
- --pds-color-button-navbar-background-default: rgba(255, 255, 255, 0.00);
231
- --pds-color-button-navbar-background-hover: oklch(1.0000 0 0);
232
- --pds-color-button-navbar-foreground: oklch(0.2046 0 0);
233
- --pds-color-button-reverse-background-default: oklch(1.0000 0 0);
234
- --pds-color-button-reverse-background-hover: oklch(0.9401 0 0);
235
- --pds-color-button-reverse-foreground: oklch(0.2046 0 0);
221
+ --pds-color-button-critical-secondary-foreground: oklch(0.4501 0.1581 26.35);
222
+ --pds-color-button-reverse-background-default: oklch(0.9702 0 0);
223
+ --pds-color-button-reverse-background-hover: oklch(0.8761 0 0);
224
+ --pds-color-button-reverse-background-active: oklch(0.8148 0 0);
225
+ --pds-color-button-reverse-foreground: oklch(0.2178 0 0);
236
226
  --pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
237
- --pds-color-button-reverse-secondary-background-hover: #ffffff33;
238
- --pds-color-button-reverse-secondary-border: oklch(1.0000 0 0);
227
+ --pds-color-button-reverse-secondary-background-hover: oklch(0.2931 0 0);
228
+ --pds-color-button-reverse-secondary-background-active: oklch(0.3638 0 0);
229
+ --pds-color-button-reverse-secondary-border: oklch(0.6830 0 0);
239
230
  --pds-color-button-reverse-secondary-foreground: oklch(1.0000 0 0);
240
- --pds-color-close-button-foreground: oklch(0.5103 0 0);
231
+ --pds-color-close-button-foreground: oklch(0.4778 0.0020 247.87);
241
232
  --pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
242
233
  --pds-color-close-button-background-hover: #1717171a;
243
234
  --pds-color-icon-button-standard-background-default: rgba(255, 255, 255, 0.00);
244
235
  --pds-color-icon-button-standard-background-hover: #1717170d;
245
236
  --pds-color-icon-button-standard-border-default: #1717171f;
246
237
  --pds-color-icon-button-standard-border-hover: #17171726;
247
- --pds-color-icon-button-standard-foreground: oklch(0.2046 0 0);
238
+ --pds-color-icon-button-standard-foreground: oklch(0.31 0 0);
248
239
  --pds-color-icon-button-critical-background-default: rgba(255, 255, 255, 0.00);
249
- --pds-color-icon-button-critical-background-hover: oklch(0.9645 0.0174 21.81);
250
- --pds-color-icon-button-critical-border-default: oklch(0.8326 0.0742 24.95);
251
- --pds-color-icon-button-critical-border-hover: oklch(0.8326 0.0742 24.95);
252
- --pds-color-icon-button-critical-foreground: oklch(0.5103 0.1942 29.6);
240
+ --pds-color-icon-button-critical-background-hover: oklch(0.4501 0.1581 26.35 / 10%);
241
+ --pds-color-icon-button-critical-border-default: oklch(0.8859 0.0414 19.05);
242
+ --pds-color-icon-button-critical-border-hover: oklch(0.8859 0.0414 19.05);
243
+ --pds-color-icon-button-critical-foreground: oklch(0.5338 0.1771 25.54);
253
244
  --pds-color-icon-button-reverse-background-default: rgba(255, 255, 255, 0.00);
254
245
  --pds-color-icon-button-reverse-background-hover: #ffffff1a;
255
- --pds-color-icon-button-reverse-border-default: #ffffff1a;
256
- --pds-color-icon-button-reverse-border-hover: #ffffff26;
257
- --pds-color-icon-button-reverse-foreground: oklch(1.0000 0 0);
258
- --pds-color-split-button-primary-separator: oklch(0.5103 0 0);
259
- --pds-color-split-button-secondary-separator: oklch(0.8853 0 0);
260
- --pds-color-segmented-button-background-inactive: oklch(0.9702 0 0);
261
- --pds-color-segmented-button-background-active: oklch(1.0000 0 0);
262
- --pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
263
- --pds-color-segmented-button-foreground-active: var(--pds-color-fg-default);
264
- --pds-color-category-ai-foreground: #4F32CE;
265
- --pds-color-category-ai-utility: #CBC2F0;
266
- --pds-color-category-ai-background: #F4F3FC;
267
- --pds-color-code-inline-background: #F4F3FC;
268
- --pds-color-code-inline-border: #E5E0F8;
269
- --pds-color-code-inline-text: oklch(0.2046 0 0);
270
- --pds-color-datavis-1: #003F5C;
271
- --pds-color-datavis-2: #006779;
272
- --pds-color-datavis-3: #008D6F;
273
- --pds-color-datavis-4: #62AD43;
274
- --pds-color-datavis-5: #DDBD16;
275
- --pds-color-dropdown-background: var(--pds-color-bg-default);
276
- --pds-color-dropdown-foreground: var(--pds-color-fg-default);
277
- --pds-color-dropdown-heading: var(--pds-color-fg-default-secondary);
278
- --pds-color-dropdown-description: var(--pds-color-fg-default-secondary);
246
+ --pds-color-icon-button-reverse-border-default: oklch(0.5103 0 0);
247
+ --pds-color-icon-button-reverse-border-hover: oklch(0.5103 0 0);
248
+ --pds-color-icon-button-reverse-foreground: oklch(0.9430 0 0);
249
+ --pds-color-split-button-primary-separator: oklch(1.0000 0 0);
250
+ --pds-color-split-button-secondary-separator: oklch(0.8761 0 0);
251
+ --pds-color-segmented-button-background-inactive: oklch(0.9731 0 0);
252
+ --pds-color-segmented-button-background-active: oklch(0.5 0.155 254);
253
+ --pds-color-segmented-button-foreground-inactive: var(--pds-color-foreground-default-secondary);
254
+ --pds-color-segmented-button-foreground-active: var(--pds-color-foreground-reverse);
255
+ --pds-color-category-ai-foreground: oklch(0.5198 0.1353 302.93);
256
+ --pds-color-category-ai-utility: oklch(0.6782 0.1118 309.11);
257
+ --pds-color-category-ai-background: oklch(0.9561 0.0155 306.41);
258
+ --pds-color-code-inline-background: oklch(0.965 0 0);
259
+ --pds-color-code-inline-border: oklch(0.8761 0 0);
260
+ --pds-color-code-inline-text: oklch(0.2178 0 0);
261
+ --pds-color-datavis-categorical-1: #006dcc;
262
+ --pds-color-datavis-categorical-2: #c95a3d;
263
+ --pds-color-datavis-categorical-3: #7952a8;
264
+ --pds-color-datavis-categorical-4: #a3741a;
265
+ --pds-color-datavis-categorical-5: #008b9c;
266
+ --pds-color-datavis-categorical-6: #34871d;
267
+ --pds-color-datavis-categorical-7: #b2417f;
268
+ --pds-color-datavis-sequential-blue-1: #d1e0f2;
269
+ --pds-color-datavis-sequential-blue-2: #b4d2f6;
270
+ --pds-color-datavis-sequential-blue-3: #84b5f0;
271
+ --pds-color-datavis-sequential-blue-4: #478ddd;
272
+ --pds-color-datavis-sequential-blue-5: #005db1;
273
+ --pds-color-datavis-sequential-blue-6: #002b67;
274
+ --pds-color-datavis-sequential-neutral-1: #dedede;
275
+ --pds-color-datavis-sequential-neutral-2: #b7b7b7;
276
+ --pds-color-datavis-sequential-neutral-3: #929292;
277
+ --pds-color-datavis-sequential-neutral-4: #6f6f6f;
278
+ --pds-color-datavis-sequential-neutral-5: #4d4d4d;
279
+ --pds-color-datavis-sequential-neutral-6: #2e2e2e;
280
+ --pds-color-datavis-diverging-a-1: #4f7e2b;
281
+ --pds-color-datavis-diverging-a-2: #8bb372;
282
+ --pds-color-datavis-diverging-a-3: #cee2c3;
283
+ --pds-color-datavis-diverging-a-4: #e0e0e0;
284
+ --pds-color-datavis-diverging-a-5: #cde5ff;
285
+ --pds-color-datavis-diverging-a-6: #74b0f7;
286
+ --pds-color-datavis-diverging-a-7: #006dcc;
287
+ --pds-color-datavis-diverging-b-1: #c95a3d;
288
+ --pds-color-datavis-diverging-b-2: #e6967e;
289
+ --pds-color-datavis-diverging-b-3: #f8d8cc;
290
+ --pds-color-datavis-diverging-b-4: #e0e0e0;
291
+ --pds-color-datavis-diverging-b-5: #e7dbf0;
292
+ --pds-color-datavis-diverging-b-6: #ac84cc;
293
+ --pds-color-datavis-diverging-b-7: #7952a8;
294
+ --pds-color-datavis-single-active: #006dcc;
295
+ --pds-color-datavis-single-muted: #d9d9d9;
296
+ --pds-color-datavis-status-success: #4f7e2b;
297
+ --pds-color-datavis-status-critical: #be3232;
298
+ --pds-color-datavis-status-info: #006dcc;
299
+ --pds-color-datavis-status-warning: #ce7120;
300
+ --pds-color-datavis-status-discovery: #7952a8;
301
+ --pds-color-datavis-status-neutral: #717273;
302
+ --pds-color-dropdown-background: var(--pds-color-surface-default);
303
+ --pds-color-dropdown-foreground: var(--pds-color-foreground-default);
304
+ --pds-color-dropdown-heading: var(--pds-color-foreground-default-secondary);
305
+ --pds-color-dropdown-description: var(--pds-color-foreground-default-secondary);
279
306
  --pds-color-dropdown-item-background-hover: var(--pds-color-interactive-background-hover);
280
307
  --pds-color-dropdown-item-background-active: var(--pds-color-interactive-background-active);
281
308
  --pds-color-dropdown-item-background-selected: var(--pds-color-interactive-background-hover);
282
309
  --pds-color-dropdown-top-border: #dfdfdf;
283
- --pds-color-fg-default: oklch(0.2046 0 0);
284
- --pds-color-fg-default-secondary: oklch(0.5103 0 0);
285
- --pds-color-fg-reverse: oklch(1.0000 0 0);
310
+ --pds-color-dropdown-separator: oklch(0.9430 0 0);
311
+ --pds-color-foreground-default: oklch(0.2178 0 0);
312
+ --pds-color-foreground-default-secondary: oklch(0.4778 0.0020 247.87);
313
+ --pds-color-foreground-reverse: oklch(1.0000 0 0);
314
+ --pds-color-foreground-reverse-secondary: oklch(0.8452 0 0);
315
+ --pds-color-highlight-background: oklch(0.9 0.13 72);
316
+ --pds-color-highlight-foreground: oklch(0.2178 0 0);
286
317
  --pds-color-input-placeholder: oklch(0.8047 0 0);
287
- --pds-color-input-checkbox-checked-foreground: oklch(0.9851 0 0);
288
- --pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
289
- --pds-color-input-file-upload-button-background-hover: oklch(0.9401 0 0);
318
+ --pds-color-input-file-upload-button-background-default: oklch(0.9731 0 0);
319
+ --pds-color-input-file-upload-button-background-hover: oklch(0.9430 0 0);
320
+ --pds-color-input-selected-background: oklch(0.59 0.1689 253.60);
321
+ --pds-color-input-selected-foreground: oklch(1.0000 0 0);
290
322
  --pds-color-input-switch-icon: oklch(1.0000 0 0);
291
- --pds-color-input-tag-background-default: oklch(0.9702 0 0);
292
- --pds-color-input-tag-background-hover: oklch(0.9401 0 0);
293
- --pds-color-input-tag-background-active: oklch(0.9635 0.0220 312.19);
294
- --pds-color-input-tag-foreground-default: oklch(0.2046 0 0);
295
- --pds-color-input-tag-foreground-hover: oklch(0.2046 0 0);
296
- --pds-color-input-tag-foreground-active: #4F32CE;
297
- --pds-color-input-tag-outline-active: #4F32CE;
298
- --pds-color-interactive-background-hover: oklch(0.9702 0 0);
299
- --pds-color-interactive-background-active: oklch(0.9401 0 0);
300
- --pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
301
- --pds-color-interactive-link-default: oklch(0.5558 0.2372 267.79);
302
- --pds-color-interactive-link-hover: oklch(0.542 0.2895 299.91);
303
- --pds-color-interactive-link-active: oklch(0.4682 0.2508 299.4);
304
- --pds-color-interactive-link-visited: oklch(0.4682 0.2508 299.4);
305
- --pds-color-interactive-reverse-focus: oklch(0.5558 0.2372 267.79);
306
- --pds-color-interactive-reverse-link-default: oklch(0.5558 0.2372 267.79);
307
- --pds-color-interactive-reverse-link-hover: oklch(0.542 0.2895 299.91);
308
- --pds-color-interactive-reverse-link-active: oklch(0.6311 0.2503 304.99);
309
- --pds-color-interactive-reverse-link-visited: oklch(0.6311 0.2503 304.99);
310
- --pds-color-nav-item-default-foreground-hover: #4F32CE;
311
- --pds-color-nav-item-default-foreground-active: #4F32CE;
312
- --pds-color-nav-item-default-foreground-trigger: oklch(0.8047 0 0);
313
- --pds-color-nav-item-reverse-foreground-hover: #E5E0F8;
314
- --pds-color-nav-item-reverse-foreground-active: #E5E0F8;
315
- --pds-color-overlay: rgba(9, 0, 48, 0.45);
323
+ --pds-color-input-switch-background: oklch(0.4778 0.0020 247.87);
324
+ --pds-color-input-tag-background-default: oklch(0.907 0 0);
325
+ --pds-color-input-tag-background-hover: oklch(0.87 0 0);
326
+ --pds-color-input-tag-background-active: oklch(0.9561 0.0155 306.41);
327
+ --pds-color-input-tag-foreground-default: oklch(0.2178 0 0);
328
+ --pds-color-input-tag-foreground-hover: oklch(0.2178 0 0);
329
+ --pds-color-input-tag-foreground-active: oklch(0.59 0.1689 253.60);
330
+ --pds-color-input-tag-outline-active: oklch(0.59 0.1689 253.60);
331
+ --pds-color-interactive-focus: oklch(0.59 0.1689 253.60);
332
+ --pds-color-interactive-link-default: oklch(0.5 0.155 254);
333
+ --pds-color-interactive-link-hover: oklch(0.6015 0.1484 35.70);
334
+ --pds-color-interactive-link-active: oklch(0.5093 0.1241 35.58);
335
+ --pds-color-interactive-link-visited: oklch(0.5 0.155 254);
336
+ --pds-color-interactive-foreground-current: oklch(0.59 0.1689 253.60);
337
+ --pds-color-interactive-foreground-hover: oklch(0.5 0.155 254);
338
+ --pds-color-interactive-foreground-active: oklch(0.5 0.155 254);
339
+ --pds-color-interactive-foreground-inactive: oklch(0.8047 0 0);
340
+ --pds-color-interactive-background-current: oklch(0.5 0.155 254);
341
+ --pds-color-interactive-background-current-foreground: oklch(1.0000 0 0);
342
+ --pds-color-interactive-background-hover: oklch(0.9531 0 0);
343
+ --pds-color-interactive-background-active: oklch(0.92 0 0);
344
+ --pds-color-interactive-background-selected: oklch(0.9124 0.0439 250.42);
345
+ --pds-color-interactive-background-selected-foreground: oklch(0.2178 0 0);
346
+ --pds-color-interactive-reverse-focus: oklch(0.6800 0.1612 253.57);
347
+ --pds-color-interactive-reverse-link-default: oklch(0.6800 0.1612 253.57);
348
+ --pds-color-interactive-reverse-link-hover: oklch(0.6707 0.1296 32.99);
349
+ --pds-color-interactive-reverse-link-active: oklch(0.7480 0.1030 37.44);
350
+ --pds-color-interactive-reverse-link-visited: oklch(0.6800 0.1612 253.57);
351
+ --pds-color-interactive-reverse-foreground-hover: oklch(0.8369 0.0765 253.48);
352
+ --pds-color-nav-item-reverse-foreground-hover: oklch(0.8275 0.0578 308.23);
353
+ --pds-color-nav-item-reverse-foreground-active: oklch(0.8275 0.0578 308.23);
354
+ --pds-color-overlay: rgba(0, 0, 0, 0.45);
355
+ --pds-color-overlay-subtle: rgba(0, 0, 0, 0.25);
316
356
  --pds-color-partner-bitbucket: #004DC0;
317
357
  --pds-color-partner-drupal: #009CDE;
358
+ --pds-color-partner-foreground: #FFFFFF;
318
359
  --pds-color-partner-gatsby: #663399;
319
360
  --pds-color-partner-github: #2DA44E;
320
361
  --pds-color-partner-gitlab: #fc6d26;
321
362
  --pds-color-partner-google: #4285F4;
322
363
  --pds-color-partner-nextjs: #000000;
364
+ --pds-color-partner-sumo: #000099;
323
365
  --pds-color-partner-wordpress: #0073AA;
366
+ --pds-color-segmented-control-track-background: oklch(0.9430 0 0);
367
+ --pds-color-segmented-control-selected-background: oklch(1.0000 0 0);
324
368
  --pds-color-social-rss: #f26522;
325
- --pds-color-status-success-foreground: oklch(0.5118 0.1311 147.75);
326
- --pds-color-status-success-dot: oklch(0.5118 0.1311 147.75);
327
- --pds-color-status-success-border: oklch(0.9079 0.087 152.53);
328
- --pds-color-status-success-background: oklch(0.9745 0.0116 153.67);
329
- --pds-color-status-info-foreground: oklch(0.5476 0.1867 255.95);
330
- --pds-color-status-info-dot: oklch(0.5476 0.1867 255.95);
331
- --pds-color-status-info-border: oklch(0.8816 0.0619 245.59);
332
- --pds-color-status-info-background: oklch(0.9683 0.0161 245.08);
333
- --pds-color-status-critical-foreground: oklch(0.5103 0.1942 29.6);
334
- --pds-color-status-critical-dot: oklch(0.5103 0.1942 29.6);
335
- --pds-color-status-critical-border: oklch(0.8326 0.0742 24.95);
336
- --pds-color-status-critical-background: oklch(0.9645 0.0174 21.81);
337
- --pds-color-status-warning-foreground: oklch(0.5635 0.1308 61.09);
338
- --pds-color-status-warning-dot: oklch(0.8008 0.1637 90.52);
339
- --pds-color-status-warning-border: oklch(0.8008 0.1637 90.52);
340
- --pds-color-status-warning-background: oklch(0.9834 0.0199 97.52);
341
- --pds-color-status-discovery-foreground: oklch(0.4401 0.1973 306.55);
342
- --pds-color-status-discovery-dot: oklch(0.5817 0.2576 306.75);
343
- --pds-color-status-discovery-border: oklch(0.5817 0.2576 306.75);
344
- --pds-color-status-discovery-background: oklch(0.9635 0.0220 312.19);
345
- --pds-color-status-frozen-dot: oklch(0.8816 0.0619 245.59);
346
- --pds-color-status-disabled-dot: oklch(0.8853 0 0);
347
- --pds-elevation-dashboard: 1px 1px 6px -2px rgba(140, 140, 140, 0.2), 1px 1px 0px 0px #f9f9f9;
369
+ --pds-color-status-success-foreground: oklch(0.4787 0.1296 134.07);
370
+ --pds-color-status-success-fill: oklch(0.5408 0.1249 133.99);
371
+ --pds-color-status-success-border: oklch(0.5408 0.1249 133.99);
372
+ --pds-color-status-success-background: oklch(0.9586 0.0225 134.94);
373
+ --pds-color-status-success-background-hover: oklch(0.8896 0.0468 134.36);
374
+ --pds-color-status-warning-foreground: oklch(0.5658 0.1338 53.43);
375
+ --pds-color-status-warning-fill: oklch(0.6419 0.1457 55.55);
376
+ --pds-color-status-warning-border: oklch(0.6419 0.1457 55.55);
377
+ --pds-color-status-warning-background: oklch(0.9665 0.0199 70.00);
378
+ --pds-color-status-warning-background-hover: oklch(0.9208 0.0469 69.27);
379
+ --pds-color-status-critical-foreground: oklch(0.4501 0.1581 26.35);
380
+ --pds-color-status-critical-fill: oklch(0.5338 0.1771 25.54);
381
+ --pds-color-status-critical-border: oklch(0.5338 0.1771 25.54);
382
+ --pds-color-status-critical-background: oklch(0.9629 0.0152 22.40);
383
+ --pds-color-status-critical-background-hover: oklch(0.8859 0.0414 19.05);
384
+ --pds-color-status-info-foreground: oklch(0.5 0.155 254);
385
+ --pds-color-status-info-fill: oklch(0.59 0.1689 253.60);
386
+ --pds-color-status-info-border: oklch(0.59 0.1689 253.60);
387
+ --pds-color-status-info-background: oklch(0.9587 0.0206 248.04);
388
+ --pds-color-status-info-background-hover: oklch(0.9124 0.0439 250.42);
389
+ --pds-color-status-discovery-foreground: oklch(0.4274 0.1232 303.80);
390
+ --pds-color-status-discovery-fill: oklch(0.5198 0.1353 302.93);
391
+ --pds-color-status-discovery-border: oklch(0.5198 0.1353 302.93);
392
+ --pds-color-status-discovery-background: oklch(0.9561 0.0155 306.41);
393
+ --pds-color-status-discovery-background-hover: oklch(0.9072 0.0310 310.98);
394
+ --pds-color-status-neutral-background: oklch(0.8761 0 0);
395
+ --pds-color-status-neutral-indicator: oklch(0.4778 0.0020 247.87);
396
+ --pds-color-status-frozen-fill: oklch(0.6782 0.1118 309.11);
397
+ --pds-color-status-disabled-fill: oklch(0.8047 0 0);
398
+ --pds-color-utility-button-background-default: rgba(255, 255, 255, 0.00);
399
+ --pds-color-utility-button-background-hover: rgba(0, 0, 0, 0.03);
400
+ --pds-color-utility-button-background-active: oklch(0.9731 0 0);
401
+ --pds-color-utility-button-border: oklch(0.8761 0 0);
402
+ --pds-color-utility-button-foreground: oklch(0.2178 0 0);
403
+ --pds-elevation-button-primary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
404
+ --pds-elevation-button-secondary-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
405
+ --pds-elevation-button-subtle-active: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.20);
406
+ --pds-elevation-button-critical-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
407
+ --pds-elevation-button-critical-secondary-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
408
+ --pds-elevation-button-brand-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
409
+ --pds-elevation-button-highlight-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
410
+ --pds-elevation-button-reverse-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
411
+ --pds-elevation-button-reverse-secondary-active: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
412
+ --pds-elevation-drawer-left: 4px 0px 16px 0px rgba(0, 0, 0, 0.08);
413
+ --pds-elevation-drawer-right: -4px 0px 16px 0px rgba(0, 0, 0, 0.08);
414
+ --pds-elevation-icon-button-pressed: inset 0px 0px 4px 1px rgba(0, 0, 0, 0.04);
415
+ --pds-elevation-sortable-hover: 0px 0px 3px 1px rgba(58, 93, 251, 0.25);
416
+ --pds-elevation-utility-button-active: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
348
417
  --pds-elevation-raised: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 8px 8px -8px rgba(0, 0, 0, 0.04);
418
+ --pds-elevation-draggable: 0px 2px 2px 0px rgba(0, 0, 0, 0.04), 0px 0px 0px 1px rgba(0, 0, 0, 0.08);
349
419
  --pds-elevation-overlay: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.02), 0px 8px 16px -4px rgba(0, 0, 0, 0.04), 0px 24px 32px -8px rgba(0, 0, 0, 0.06);
350
- --pds-gradient-avatar-midnight: linear-gradient(315deg, #5F41E5 0%, #141013 100%);
351
- --pds-gradient-avatar-twilight: linear-gradient(315deg, #C72FA2 0%, #1B0874 100%);
352
- --pds-gradient-avatar-sunrise: linear-gradient(135deg, #3017A1 0%, #F09737 100%);
353
- --pds-gradient-avatar-dawn: linear-gradient(315deg, #FFDC28 0%, #A2CFFF 100%);
354
- --pds-gradient-avatar-sundown: linear-gradient(135deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
355
- --pds-gradient-avatar-dusk: linear-gradient(315deg, #01EFFE 0%, #FF00C5 100%);
356
- --pds-gradient-avatar-plum: linear-gradient(135deg, #000006 0%, #782EA9 76.76%);
357
- --pds-gradient-avatar-grape: linear-gradient(315deg, #DE0093 0%, #5F41E5 100%);
358
- --pds-gradient-avatar-dragonfruit: linear-gradient(315deg, #D0C6FF 0%, #DE0093 100%);
359
- --pds-gradient-avatar-winter: linear-gradient(315deg, #FFDC28 0%, #5F41E5 100%);
360
- --pds-gradient-avatar-spring: linear-gradient(315deg, #FFDC28 0%, #218C5F 100%);
361
- --pds-gradient-avatar-summer: linear-gradient(135deg, #FF00C5 0%, #F09737 100%);
362
- --pds-gradient-avatar-fall: linear-gradient(135deg, #CC36C9 0%, #FFFF11 100%);
363
- --pds-gradient-avatar-earth: linear-gradient(315deg, #6BC5FC 0%, #218C5F 100%);
364
- --pds-gradient-avatar-moon: linear-gradient(315deg, #A2CFFF 0%, #8A70FF 100%);
365
- --pds-gradient-avatar-sun: linear-gradient(135deg, #E65F35 0%, #FFFF11 100%);
366
- --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%);
367
- --pds-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
368
- --pds-gradient-card-mint: linear-gradient(225deg, #4BCE97 0%, #BAF3DB 100%);
369
- --pds-gradient-card-lavender: linear-gradient(225deg, #8A70FF 0%, #BFB1FF 100%);
370
- --pds-gradient-card-royal: linear-gradient(225deg, #3017A1 0%, #8A70FF 100%);
371
- --pds-gradient-card-sundown: linear-gradient(225deg, #4BCE97 0%, #A2CFFF 50%, #F9DFCF 100%);
372
- --pds-gradient-card-fog: linear-gradient(45deg, #EAD7D3 0%, #A2DCFF 100%);
420
+ --pds-gradient-avatar-10: linear-gradient(315deg, #d59e00 0%, #0099c1 100%);
421
+ --pds-gradient-avatar-11: linear-gradient(0deg, #7fb35c 0%, #0038a3 100%);
422
+ --pds-gradient-avatar-12: linear-gradient(225deg, #00b6d0 0%, #ca449a 100%);
423
+ --pds-gradient-avatar-13: linear-gradient(45deg, #a5aa00 0%, #7f0059 100%);
424
+ --pds-gradient-avatar-14: linear-gradient(180deg, #33bb92 0%, #985cdb 100%);
425
+ --pds-gradient-avatar-15: linear-gradient(135deg, #e77e7c 0%, #8e5600 100%);
426
+ --pds-gradient-avatar-16: linear-gradient(225deg, #7fb35c 0%, #00a099 100%);
427
+ --pds-gradient-avatar-17: linear-gradient(315deg, #e68265 0%, #7f0059 100%);
428
+ --pds-gradient-avatar-18: linear-gradient(160deg, #00b6d0 0%, #8c0000 100%);
429
+ --pds-gradient-avatar-19: linear-gradient(45deg, #67a4f1 0%, #590c92 100%);
430
+ --pds-gradient-avatar-20: linear-gradient(135deg, #00b6d0 0%, #0038a3 85%);
431
+ --pds-gradient-avatar-01: linear-gradient(0deg, #e77e7c 0%, #8d0007 100%);
432
+ --pds-gradient-avatar-02: linear-gradient(45deg, #00b6d0 0%, #00557c 100%);
433
+ --pds-gradient-avatar-03: linear-gradient(90deg, #a5aa00 0%, #626400 100%);
434
+ --pds-gradient-avatar-04: linear-gradient(135deg, #b28ce4 0%, #590c92 100%);
435
+ --pds-gradient-avatar-05: linear-gradient(180deg, #67a4f1 0%, #0038a3 100%);
436
+ --pds-gradient-avatar-06: linear-gradient(225deg, #dc8c45 0%, #830600 100%);
437
+ --pds-gradient-avatar-07: linear-gradient(45deg, #d59e00 0%, #8e5600 100%);
438
+ --pds-gradient-avatar-08: linear-gradient(270deg, #87a7ba 0%, #345162 100%);
439
+ --pds-gradient-avatar-09: linear-gradient(225deg, #e68265 0%, #3424a3 100%);
373
440
  }