@pantheon-systems/pds-toolkit-react 2.0.0-alpha.1 → 2.0.0-alpha.10

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 (331) hide show
  1. package/README.md +3 -3
  2. package/dist/components/Avatar/Avatar.d.ts +1 -1
  3. package/dist/components/ComparisonList/ComparisonList.d.ts +5 -1
  4. package/dist/components/Drawer/Drawer.d.ts +58 -0
  5. package/dist/components/Modal/Modal.d.ts +1 -1
  6. package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +1 -1
  7. package/dist/components/StatusIndicator/StatusIndicator.d.ts +2 -2
  8. package/dist/components/Table/Table.d.ts +1 -1
  9. package/dist/components/badges/Badge/Badge.d.ts +28 -0
  10. package/dist/components/buttons/CloseButton/CloseButton.d.ts +6 -6
  11. package/dist/components/cards/Card/Card.d.ts +1 -1
  12. package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts +1 -1
  13. package/dist/components/cards/PricingCard/PricingCard.d.ts +6 -1
  14. package/dist/components/footer/SiteFooter/SiteFooter.d.ts +5 -1
  15. package/dist/components/icons/Icon/Icon.d.ts +10 -730
  16. package/dist/components/icons/Icon/IconSearch.d.ts +1 -0
  17. package/dist/components/icons/Icon/custom-icons.d.ts +46 -0
  18. package/dist/components/icons/Icon/generated-icon-data.d.ts +1429 -0
  19. package/dist/components/icons/Icon/icon-registry.d.ts +34 -0
  20. package/dist/components/inputs/Checkbox/Checkbox.d.ts +2 -2
  21. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +27 -5
  22. package/dist/components/inputs/Select/Select.d.ts +5 -1
  23. package/dist/components/inputs/Select/select-sample-data.d.ts +1 -0
  24. package/dist/components/inputs/TagsInput/TagsInput.d.ts +100 -0
  25. package/dist/components/inputs/TextInput/TextInput.d.ts +4 -0
  26. package/dist/components/inputs/Textarea/Textarea.d.ts +4 -0
  27. package/dist/components/inputs/input-utilities.d.ts +3 -3
  28. package/dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +6 -7
  29. package/dist/components/notifications/Banner/Banner.d.ts +32 -12
  30. package/dist/components/notifications/SectionMessage/SectionMessage.d.ts +6 -2
  31. package/dist/components/notifications/Toaster/Toast.d.ts +1 -1
  32. package/dist/components/notifications/Toaster/Toaster.d.ts +2 -2
  33. package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +5 -1
  34. package/dist/components/panels/Panel/Panel.d.ts +1 -18
  35. package/dist/css/component-css/pds-avatar.css +1 -1
  36. package/dist/css/component-css/pds-badge.css +1 -0
  37. package/dist/css/component-css/pds-banner.css +1 -1
  38. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  39. package/dist/css/component-css/pds-button-link.css +1 -1
  40. package/dist/css/component-css/pds-button-nav.css +1 -1
  41. package/dist/css/component-css/pds-button.css +9 -3
  42. package/dist/css/component-css/pds-callout.css +1 -1
  43. package/dist/css/component-css/pds-card-select-group.css +1 -1
  44. package/dist/css/component-css/pds-card.css +1 -1
  45. package/dist/css/component-css/pds-checkbox.css +1 -1
  46. package/dist/css/component-css/pds-close-button.css +1 -1
  47. package/dist/css/component-css/pds-combobox-multiselect.css +2 -2
  48. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  49. package/dist/css/component-css/pds-comparison-list.css +1 -1
  50. package/dist/css/component-css/pds-cta-link.css +1 -1
  51. package/dist/css/component-css/pds-dashboard-nav.css +2 -2
  52. package/dist/css/component-css/pds-datepicker.css +1 -1
  53. package/dist/css/component-css/pds-drawer.css +1 -0
  54. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  55. package/dist/css/component-css/pds-file-upload.css +2 -2
  56. package/dist/css/component-css/pds-flow-steps.css +1 -1
  57. package/dist/css/component-css/pds-footer-links.css +1 -1
  58. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  59. package/dist/css/component-css/pds-icon-button.css +4 -4
  60. package/dist/css/component-css/pds-icon-story-only.css +1 -1
  61. package/dist/css/component-css/pds-icon.css +1 -0
  62. package/dist/css/component-css/pds-index.css +29 -45
  63. package/dist/css/component-css/pds-inline-message.css +1 -1
  64. package/dist/css/component-css/pds-input-utilities.css +1 -1
  65. package/dist/css/component-css/pds-menu-button.css +1 -1
  66. package/dist/css/component-css/pds-modal.css +1 -1
  67. package/dist/css/component-css/pds-pagination.css +1 -1
  68. package/dist/css/component-css/pds-panel.css +1 -1
  69. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  70. package/dist/css/component-css/pds-pricing-card.css +1 -1
  71. package/dist/css/component-css/pds-progress-bar.css +1 -1
  72. package/dist/css/component-css/pds-pull-quote.css +1 -1
  73. package/dist/css/component-css/pds-radio-group.css +1 -1
  74. package/dist/css/component-css/pds-refresh-checker.css +1 -1
  75. package/dist/css/component-css/pds-section-message.css +1 -1
  76. package/dist/css/component-css/pds-segmented-button.css +1 -1
  77. package/dist/css/component-css/pds-select.css +1 -1
  78. package/dist/css/component-css/pds-side-nav-compact.css +1 -1
  79. package/dist/css/component-css/pds-side-nav-global.css +7 -5
  80. package/dist/css/component-css/pds-side-nav.css +1 -1
  81. package/dist/css/component-css/pds-site-footer.css +1 -1
  82. package/dist/css/component-css/pds-skiplink.css +1 -1
  83. package/dist/css/component-css/pds-spinner.css +1 -1
  84. package/dist/css/component-css/pds-sso-button.css +1 -1
  85. package/dist/css/component-css/pds-status-badge.css +1 -1
  86. package/dist/css/component-css/pds-status-indicator.css +1 -1
  87. package/dist/css/component-css/pds-stepper.css +1 -1
  88. package/dist/css/component-css/pds-tab-menu.css +1 -1
  89. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  90. package/dist/css/component-css/pds-tabs.css +1 -1
  91. package/dist/css/component-css/pds-tag.css +1 -1
  92. package/dist/css/component-css/pds-tags-input.css +1 -0
  93. package/dist/css/component-css/pds-text-input.css +1 -1
  94. package/dist/css/component-css/pds-textarea.css +1 -1
  95. package/dist/css/component-css/pds-toaster.css +1 -1
  96. package/dist/css/component-css/pds-tooltip.css +1 -1
  97. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  98. package/dist/css/component-css/pds-workspace-selector.css +1 -1
  99. package/dist/css/design-tokens/fonts.css +1 -1
  100. package/dist/css/design-tokens/variables.dark.css +155 -28
  101. package/dist/css/design-tokens/variables.global.css +4 -3
  102. package/dist/css/design-tokens/variables.light.css +130 -25
  103. package/dist/css/design-tokens/variables.typography.css +8 -5
  104. package/dist/css/layout-css/pds-app-layout.css +2 -0
  105. package/dist/css/layout-css/pds-dashboard-global.css +8 -0
  106. package/dist/css/layout-css/pds-dashboard-inner.css +1 -0
  107. package/dist/css/layout-css/pds-docs-layout.css +1 -0
  108. package/dist/css/layout-css/pds-flex-container.css +1 -0
  109. package/dist/css/layout-css/pds-index.css +9 -0
  110. package/dist/css/layout-css/pds-stepper-layout.css +1 -0
  111. package/dist/css/layout-css/pds-three-item-layout.css +1 -0
  112. package/dist/css/layout-css/pds-two-item-layout.css +1 -0
  113. package/dist/css/pds-components.css +29 -45
  114. package/dist/css/pds-core.css +2 -2
  115. package/dist/css/pds-layouts.css +2 -2
  116. package/dist/index.css +1 -1
  117. package/dist/index.d.ts +32 -0
  118. package/dist/index.js +5436 -1673
  119. package/dist/index.js.map +1 -1
  120. package/dist/index.source.d.ts +3 -1
  121. package/dist/layouts/AppLayout/AppLayout.d.ts +11 -6
  122. package/dist/libs/types/custom-types.d.ts +2 -2
  123. package/dist/svg/angleDown.svg +3 -0
  124. package/dist/svg/angleLeft.svg +3 -0
  125. package/dist/svg/angleRight.svg +3 -0
  126. package/dist/svg/angleUp.svg +3 -0
  127. package/dist/svg/anglesLeft.svg +3 -0
  128. package/dist/svg/anglesRight.svg +3 -0
  129. package/dist/svg/arrowDownToLine.svg +3 -0
  130. package/dist/svg/arrowLeft.svg +3 -0
  131. package/dist/svg/arrowRight.svg +3 -0
  132. package/dist/svg/arrowsRetweet.svg +3 -0
  133. package/dist/svg/asterisk.svg +3 -0
  134. package/dist/svg/banBug.svg +3 -0
  135. package/dist/svg/bars.svg +3 -0
  136. package/dist/svg/barsFilter.svg +3 -0
  137. package/dist/svg/bell.svg +3 -0
  138. package/dist/svg/billboard.svg +3 -0
  139. package/dist/svg/bitbucket.svg +3 -0
  140. package/dist/svg/bluesky.svg +3 -0
  141. package/dist/svg/bolt.svg +3 -0
  142. package/dist/svg/boltPantheon.svg +3 -0
  143. package/dist/svg/boltSolid.svg +3 -0
  144. package/dist/svg/book.svg +3 -0
  145. package/dist/svg/books.svg +3 -0
  146. package/dist/svg/bracketRight.svg +3 -0
  147. package/dist/svg/bracketsSquare.svg +3 -0
  148. package/dist/svg/brainCircuit.svg +3 -0
  149. package/dist/svg/broomWide.svg +3 -0
  150. package/dist/svg/building.svg +3 -0
  151. package/dist/svg/buildings.svg +3 -0
  152. package/dist/svg/bullhorn.svg +3 -0
  153. package/dist/svg/calendarDays.svg +3 -0
  154. package/dist/svg/caretDown.svg +3 -0
  155. package/dist/svg/caretLeft.svg +3 -0
  156. package/dist/svg/caretRight.svg +3 -0
  157. package/dist/svg/caretUp.svg +3 -0
  158. package/dist/svg/ccAmex.svg +3 -0
  159. package/dist/svg/ccApplePay.svg +3 -0
  160. package/dist/svg/ccDiscover.svg +3 -0
  161. package/dist/svg/ccGeneric.svg +3 -0
  162. package/dist/svg/ccMC.svg +3 -0
  163. package/dist/svg/ccPaypal.svg +3 -0
  164. package/dist/svg/ccVisa.svg +3 -0
  165. package/dist/svg/chartLine.svg +3 -0
  166. package/dist/svg/chartNetwork.svg +3 -0
  167. package/dist/svg/chartSimple.svg +3 -0
  168. package/dist/svg/check.svg +3 -0
  169. package/dist/svg/circle.svg +3 -0
  170. package/dist/svg/circleCheck.svg +3 -0
  171. package/dist/svg/circleExclamation.svg +3 -0
  172. package/dist/svg/circleInfo.svg +3 -0
  173. package/dist/svg/circleMinus.svg +3 -0
  174. package/dist/svg/circleNotch.svg +3 -0
  175. package/dist/svg/circlePlus.svg +3 -0
  176. package/dist/svg/circleQuestion.svg +3 -0
  177. package/dist/svg/circleUser.svg +3 -0
  178. package/dist/svg/circleXmark.svg +3 -0
  179. package/dist/svg/cloud.svg +3 -0
  180. package/dist/svg/cloudArrowDown.svg +3 -0
  181. package/dist/svg/cloudArrowUp.svg +3 -0
  182. package/dist/svg/cloudPlus.svg +3 -0
  183. package/dist/svg/code.svg +3 -0
  184. package/dist/svg/codeBranch.svg +3 -0
  185. package/dist/svg/codeMerge.svg +3 -0
  186. package/dist/svg/command.svg +3 -0
  187. package/dist/svg/comment.svg +3 -0
  188. package/dist/svg/copy.svg +3 -0
  189. package/dist/svg/desktop.svg +3 -0
  190. package/dist/svg/diamondExclamation.svg +3 -0
  191. package/dist/svg/diamonds4.svg +3 -0
  192. package/dist/svg/discourse.svg +3 -0
  193. package/dist/svg/display.svg +3 -0
  194. package/dist/svg/dollarSign.svg +3 -0
  195. package/dist/svg/download.svg +3 -0
  196. package/dist/svg/drupal.svg +3 -0
  197. package/dist/svg/ellipsis.svg +3 -0
  198. package/dist/svg/ellipsisVertical.svg +3 -0
  199. package/dist/svg/emptySet.svg +3 -0
  200. package/dist/svg/envelope.svg +3 -0
  201. package/dist/svg/envelopeOpen.svg +3 -0
  202. package/dist/svg/exclamation.svg +3 -0
  203. package/dist/svg/expand.svg +3 -0
  204. package/dist/svg/expandFromCenter.svg +3 -0
  205. package/dist/svg/externalLink.svg +3 -0
  206. package/dist/svg/eye.svg +3 -0
  207. package/dist/svg/eyeSlash.svg +3 -0
  208. package/dist/svg/facebook.svg +3 -0
  209. package/dist/svg/file.svg +3 -0
  210. package/dist/svg/fileCSV.svg +3 -0
  211. package/dist/svg/fileCheck.svg +3 -0
  212. package/dist/svg/fileContract.svg +3 -0
  213. package/dist/svg/fileDiff.svg +3 -0
  214. package/dist/svg/fileExport.svg +3 -0
  215. package/dist/svg/fileImport.svg +3 -0
  216. package/dist/svg/fileLines.svg +3 -0
  217. package/dist/svg/filePDF.svg +3 -0
  218. package/dist/svg/fileZip.svg +3 -0
  219. package/dist/svg/folder.svg +3 -0
  220. package/dist/svg/folderTree.svg +3 -0
  221. package/dist/svg/gear.svg +3 -0
  222. package/dist/svg/gem.svg +3 -0
  223. package/dist/svg/github.svg +3 -0
  224. package/dist/svg/gitlab.svg +3 -0
  225. package/dist/svg/globe.svg +3 -0
  226. package/dist/svg/graduationCap.svg +3 -0
  227. package/dist/svg/grid.svg +3 -0
  228. package/dist/svg/gripDots.svg +3 -0
  229. package/dist/svg/gripDotsVertical.svg +3 -0
  230. package/dist/svg/heart.svg +3 -0
  231. package/dist/svg/heartSolid.svg +3 -0
  232. package/dist/svg/house.svg +3 -0
  233. package/dist/svg/idCard.svg +3 -0
  234. package/dist/svg/image.svg +3 -0
  235. package/dist/svg/inputText.svg +3 -0
  236. package/dist/svg/instagram.svg +3 -0
  237. package/dist/svg/keySkeleton.svg +3 -0
  238. package/dist/svg/laptop.svg +3 -0
  239. package/dist/svg/laptopCode.svg +3 -0
  240. package/dist/svg/leaf.svg +3 -0
  241. package/dist/svg/lifeRing.svg +3 -0
  242. package/dist/svg/linkSimple.svg +3 -0
  243. package/dist/svg/linkSimpleSlash.svg +3 -0
  244. package/dist/svg/linkedin.svg +3 -0
  245. package/dist/svg/listCheck.svg +3 -0
  246. package/dist/svg/locationCrosshairs.svg +3 -0
  247. package/dist/svg/lock.svg +3 -0
  248. package/dist/svg/lockOpen.svg +3 -0
  249. package/dist/svg/magnifyingGlass.svg +3 -0
  250. package/dist/svg/medal.svg +3 -0
  251. package/dist/svg/memo.svg +3 -0
  252. package/dist/svg/messages.svg +3 -0
  253. package/dist/svg/minus.svg +3 -0
  254. package/dist/svg/moon.svg +3 -0
  255. package/dist/svg/nextJs.svg +3 -0
  256. package/dist/svg/paperPlane.svg +3 -0
  257. package/dist/svg/paperclip.svg +3 -0
  258. package/dist/svg/pen.svg +3 -0
  259. package/dist/svg/penField.svg +3 -0
  260. package/dist/svg/phone.svg +3 -0
  261. package/dist/svg/play.svg +3 -0
  262. package/dist/svg/plus.svg +3 -0
  263. package/dist/svg/question.svg +3 -0
  264. package/dist/svg/quotesLeft.svg +3 -0
  265. package/dist/svg/quotesRight.svg +3 -0
  266. package/dist/svg/rectangleList.svg +3 -0
  267. package/dist/svg/reply.svg +3 -0
  268. package/dist/svg/robot.svg +3 -0
  269. package/dist/svg/rocketLaunch.svg +3 -0
  270. package/dist/svg/rotate.svg +3 -0
  271. package/dist/svg/rotateClock.svg +3 -0
  272. package/dist/svg/rotateLeft.svg +3 -0
  273. package/dist/svg/rotateRight.svg +3 -0
  274. package/dist/svg/rss.svg +3 -0
  275. package/dist/svg/save.svg +3 -0
  276. package/dist/svg/server.svg +3 -0
  277. package/dist/svg/shareNodes.svg +3 -0
  278. package/dist/svg/shield.svg +3 -0
  279. package/dist/svg/shieldQuartered.svg +3 -0
  280. package/dist/svg/shovel.svg +3 -0
  281. package/dist/svg/siren.svg +3 -0
  282. package/dist/svg/sirenOn.svg +3 -0
  283. package/dist/svg/sitemap.svg +3 -0
  284. package/dist/svg/slack.svg +3 -0
  285. package/dist/svg/slashForward.svg +3 -0
  286. package/dist/svg/slidersSimple.svg +3 -0
  287. package/dist/svg/snowflake.svg +3 -0
  288. package/dist/svg/sparkles.svg +3 -0
  289. package/dist/svg/squareCheck.svg +3 -0
  290. package/dist/svg/squareCode.svg +3 -0
  291. package/dist/svg/squareMinus.svg +3 -0
  292. package/dist/svg/squarePen.svg +3 -0
  293. package/dist/svg/squareQuestion.svg +3 -0
  294. package/dist/svg/squareTerminal.svg +3 -0
  295. package/dist/svg/star.svg +3 -0
  296. package/dist/svg/starSolid.svg +3 -0
  297. package/dist/svg/sun.svg +3 -0
  298. package/dist/svg/sunBright.svg +3 -0
  299. package/dist/svg/table.svg +3 -0
  300. package/dist/svg/tableRows.svg +3 -0
  301. package/dist/svg/terminal.svg +3 -0
  302. package/dist/svg/text.svg +3 -0
  303. package/dist/svg/threads.svg +3 -0
  304. package/dist/svg/thumbsDown.svg +3 -0
  305. package/dist/svg/thumbsUp.svg +3 -0
  306. package/dist/svg/trash.svg +3 -0
  307. package/dist/svg/triangleExclamation.svg +3 -0
  308. package/dist/svg/twitter.svg +3 -0
  309. package/dist/svg/upload.svg +3 -0
  310. package/dist/svg/user.svg +3 -0
  311. package/dist/svg/userAstronaut.svg +3 -0
  312. package/dist/svg/userGear.svg +3 -0
  313. package/dist/svg/userPlus.svg +3 -0
  314. package/dist/svg/users.svg +3 -0
  315. package/dist/svg/video.svg +3 -0
  316. package/dist/svg/wavePulse.svg +3 -0
  317. package/dist/svg/windowRestore.svg +3 -0
  318. package/dist/svg/wordpress.svg +3 -0
  319. package/dist/svg/wreathLaurel.svg +3 -0
  320. package/dist/svg/wrench.svg +3 -0
  321. package/dist/svg/xTwitter.svg +3 -0
  322. package/dist/svg/xmark.svg +3 -0
  323. package/dist/svg/xmarkLarge.svg +3 -0
  324. package/dist/svg/youtube.svg +3 -0
  325. package/package.json +38 -22
  326. package/tailwind/README.md +220 -0
  327. package/tailwind/TESTING.md +457 -0
  328. package/tailwind/v3/preset.cjs +258 -0
  329. package/tailwind/v4/theme.css +230 -0
  330. package/dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +0 -27
  331. package/dist/css/component-css/pds-indicator-badge.css +0 -25
package/dist/css/component-css/pds-workspace-selector.css CHANGED
@@ -1 +1 @@
1
- .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);column-gap:var(--pds-spacing-s);display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__button-content .pds-indicator-badge{display:none}@media (min-width:1280px){.pds-workspace-selector__button-content .pds-indicator-badge{display:inline-flex}}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular)}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:var(--pds-spacing-xs) var(--pds-spacing-s);row-gap:var(--pds-spacing-3xs)}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-workspace-selector__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item a{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-s);text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s) var(--pds-spacing-3xs)}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:var(--pds-border-radius-container)}.pds-workspace-selector__item button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-s);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;line-height:inherit;padding:var(--pds-spacing-s) var(--pds-spacing-s);text-align:left;text-decoration:none;width:100%}.pds-workspace-selector__item button,.pds-workspace-selector__item button:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-fg-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);margin-block-end:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-bg-default);border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl);width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:var(--pds-spacing-3xs)}.pds-workspace-selector__mobile-menu{display:none;padding-inline:var(--pds-spacing-3xs)}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-l)}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-l)}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
1
+ .pds-workspace-selector{display:inline-block;position:relative}.pds-workspace-selector__trigger{align-items:center;background-color:transparent;border:none;color:var(--pds-color-fg-default);column-gap:var(--pds-spacing-s);display:flex;position:relative}.pds-workspace-selector__trigger:hover{color:var(--pds-color-interactive-link-hover);cursor:pointer}.pds-workspace-selector__trigger:hover .pds-workspace-selector__avatar{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__trigger:hover .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__trigger:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px;transition:var(--pds-animation-transition-focus)}.pds-workspace-selector__trigger .pds-workspace-selector__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__toggle[aria-expanded=true],.pds-workspace-selector__trigger[aria-expanded=true]{color:var(--pds-color-interactive-link-hover)}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__avatar,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__avatar{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-link-hover);outline-offset:.03125rem}.pds-workspace-selector__toggle[aria-expanded=true] .pds-workspace-selector__trigger-icon,.pds-workspace-selector__trigger[aria-expanded=true] .pds-workspace-selector__trigger-icon{color:var(--pds-color-interactive-link-hover);transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-workspace-selector__button-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__button-content .pds-badge{display:none}@media (min-width:1280px){.pds-workspace-selector__button-content .pds-badge{display:inline-flex}}.pds-workspace-selector__name{font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular)}.pds-workspace-selector__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);left:0;position:absolute;top:2.5rem;width:21rem}.pds-workspace-selector__dropdown:focus{outline:none}.pds-workspace-selector__menu{display:flex;flex-direction:column;list-style:none;margin:0;padding:var(--pds-spacing-xs) var(--pds-spacing-s);row-gap:var(--pds-spacing-3xs)}.pds-workspace-selector__menu--scroll{max-height:23.25rem;overflow-y:auto}.pds-workspace-selector__item{background-color:transparent;border-radius:var(--pds-border-radius-container);color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-workspace-selector__item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.03125rem}.pds-workspace-selector__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-workspace-selector__item a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-workspace-selector__item a{align-items:center;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-s);text-decoration:none}.pds-workspace-selector__item a,.pds-workspace-selector__item a:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s) var(--pds-spacing-3xs)}.pds-workspace-selector__item--active{background-color:var(--pds-color-dropdown-item-background-selected);border-radius:var(--pds-border-radius-container)}.pds-workspace-selector__item button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);column-gap:var(--pds-spacing-s);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;line-height:inherit;padding:var(--pds-spacing-s) var(--pds-spacing-s);text-align:left;text-decoration:none;width:100%}.pds-workspace-selector__item button,.pds-workspace-selector__item button:hover{color:var(--pds-color-dropdown-foreground)}.pds-workspace-selector__item--unprivileged{opacity:.5}.pds-workspace-selector__item--unprivileged:hover{background-color:transparent}.pds-workspace-selector__item--unprivileged a{cursor:not-allowed}.pds-workspace-selector__icons{align-items:center;column-gap:var(--pds-spacing-s);display:flex;flex-shrink:0}.pds-workspace-selector__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0}.pds-workspace-selector__lock-icon{color:var(--pds-color-fg-default);flex-shrink:0}.pds-workspace-selector__item-content{align-items:center;column-gap:var(--pds-spacing-s);display:flex}.pds-workspace-selector__no-results{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);margin-block-end:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter{border-block-end:1px solid var(--pds-color-border-default);box-shadow:0 1px 9px -7px rgba(0,0,0,.2);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-workspace-selector__filter .pds-text-input__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text{border-color:transparent}.pds-workspace-selector:not(.pds-workspace-selector--isMobile) .pds-input-field--text:focus-within{border-color:var(--pds-color-interactive-focus)}.pds-workspace-selector__create-link{border-block-start:1px solid var(--pds-color-border-default);box-shadow:0 -1px 9px -7px rgba(0,0,0,.2);padding:var(--pds-spacing-2xs) var(--pds-spacing-s)}.pds-workspace-selector__create-link a{display:flex;justify-content:space-between}.pds-workspace-selector__create-link a:focus-visible{outline-width:1px}.pds-workspace-selector--isMobile{background-color:var(--pds-color-bg-default);border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;position:relative;width:100vw}.pds-workspace-selector__toggle{align-items:center;background-color:var(--pds-color-bg-default);border:none;display:flex;justify-content:space-between;min-height:var(--pds-spacing-4xl);padding-inline:var(--pds-spacing-xl);width:100%}.pds-workspace-selector__toggle>*{pointer-events:none}.pds-workspace-selector__toggle .pds-workspace-selector__trigger-icon{margin-inline-end:var(--pds-spacing-3xs)}.pds-workspace-selector__mobile-menu{display:none;padding-inline:var(--pds-spacing-3xs)}.pds-workspace-selector__mobile-menu .pds-workspace-selector__filter{padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-l)}.pds-workspace-selector__mobile-menu .pds-workspace-selector__create-link{border-block-start:none;box-shadow:none;padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-l)}.pds-workspace-selector__mobile-menu--expanded{display:flex;flex-direction:column}
package/dist/css/design-tokens/fonts.css CHANGED
@@ -1 +1 @@
1
- @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
1
+ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
package/dist/css/design-tokens/variables.dark.css CHANGED
@@ -1,32 +1,103 @@
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);
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);
30
101
  --pds-color-card-background: oklch(0.2046 0 0);
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);
@@ -52,6 +123,10 @@
52
123
  --pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
53
124
  --pds-color-datepicker-selected-background: #745DD8;
54
125
  --pds-color-datepicker-selected-foreground: oklch(0.2046 0 0);
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);
55
130
  --pds-color-pagination-foreground-hover: oklch(0.8388 0.003 264.54);
56
131
  --pds-color-pagination-foreground-active: #EEEBFA;
57
132
  --pds-color-pagination-background-hover: #42318D;
@@ -114,6 +189,13 @@
114
189
  --pds-color-tag-20-background: #8790A0;
115
190
  --pds-color-tag-20-foreground: #0E1E40;
116
191
  --pds-color-tile-background: oklch(0.2046 0 0);
192
+ --pds-color-toast-background: oklch(0.4235 0.0071 264.49);
193
+ --pds-color-toast-foreground: oklch(1.0000 0 0);
194
+ --pds-color-toast-action: oklch(0.8388 0.003 264.54);
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.7867 0.1649 66.34);
198
+ --pds-color-toast-critical-icon: oklch(0.6766 0.1572 26.68);
117
199
  --pds-color-bg-default: oklch(0.2046 0 0);
118
200
  --pds-color-bg-default-secondary: oklch(0.1489 0.0027 248.08);
119
201
  --pds-color-bg-reverse: oklch(0.8388 0.003 264.54);
@@ -151,6 +233,10 @@
151
233
  --pds-color-button-reverse-background-default: oklch(0.1489 0.0027 248.08);
152
234
  --pds-color-button-reverse-background-hover: oklch(0.2929 0.0039 264.51);
153
235
  --pds-color-button-reverse-foreground: oklch(1.0000 0 0);
236
+ --pds-color-button-reverse-secondary-background-default: rgba(255, 255, 255, 0.00);
237
+ --pds-color-button-reverse-secondary-background-hover: #00000026;
238
+ --pds-color-button-reverse-secondary-border: oklch(0.1489 0.0027 248.08);
239
+ --pds-color-button-reverse-secondary-foreground: oklch(0.1489 0.0027 248.08);
154
240
  --pds-color-close-button-foreground: oklch(0.8388 0.003 264.54);
155
241
  --pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
156
242
  --pds-color-close-button-background-hover: #ffffff1a;
@@ -175,6 +261,9 @@
175
261
  --pds-color-segmented-button-background-active: oklch(0.8388 0.003 264.54);
176
262
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
177
263
  --pds-color-segmented-button-foreground-active: var(--pds-color-fg-reverse);
264
+ --pds-color-category-ai-foreground: #EEEBFA;
265
+ --pds-color-category-ai-utility: #745DD8;
266
+ --pds-color-category-ai-background: #42318D;
178
267
  --pds-color-code-inline-background: oklch(0.2433 0.0041 264.49);
179
268
  --pds-color-code-inline-border: oklch(0.2929 0.0039 264.51);
180
269
  --pds-color-code-inline-text: #ffffff;
@@ -194,10 +283,18 @@
194
283
  --pds-color-fg-default: oklch(1.0000 0 0);
195
284
  --pds-color-fg-default-secondary: oklch(0.8388 0.003 264.54);
196
285
  --pds-color-fg-reverse: oklch(0.2046 0 0);
286
+ --pds-color-input-placeholder: oklch(0.5991 0.0051 258.33);
197
287
  --pds-color-input-checkbox-checked-foreground: oklch(0.8388 0.003 264.54);
198
288
  --pds-color-input-file-upload-button-background-default: oklch(0.2929 0.0039 264.51);
199
289
  --pds-color-input-file-upload-button-background-hover: oklch(0.3554 0.0058 258.35);
200
290
  --pds-color-input-switch-icon: oklch(0.8388 0.003 264.54);
291
+ --pds-color-input-tag-background-default: oklch(0.2929 0.0039 264.51);
292
+ --pds-color-input-tag-background-hover: oklch(0.3554 0.0058 258.35);
293
+ --pds-color-input-tag-background-active: #745DD8;
294
+ --pds-color-input-tag-foreground-default: oklch(1.0000 0 0);
295
+ --pds-color-input-tag-foreground-hover: oklch(1.0000 0 0);
296
+ --pds-color-input-tag-foreground-active: oklch(1.0000 0 0);
297
+ --pds-color-input-tag-outline-active: #CBC2F0;
201
298
  --pds-color-interactive-background-hover: oklch(0.2929 0.0039 264.51);
202
299
  --pds-color-interactive-background-active: oklch(0.3554 0.0058 258.35);
203
300
  --pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
@@ -226,21 +323,51 @@
226
323
  --pds-color-partner-wordpress: #0073AA;
227
324
  --pds-color-social-rss: #f3763a;
228
325
  --pds-color-status-success-foreground: oklch(0.9079 0.087 152.53);
326
+ --pds-color-status-success-dot: oklch(0.5118 0.1311 147.75);
229
327
  --pds-color-status-success-border: oklch(0.5118 0.1311 147.75);
230
328
  --pds-color-status-success-background: oklch(0.3778 0.0814 153.95);
231
329
  --pds-color-status-info-foreground: oklch(0.8816 0.0619 245.59);
330
+ --pds-color-status-info-dot: oklch(0.5707 0.1855 255.14);
232
331
  --pds-color-status-info-border: oklch(0.5707 0.1855 255.14);
233
332
  --pds-color-status-info-background: oklch(0.4399 0.1453 255.91);
234
333
  --pds-color-status-critical-foreground: oklch(0.8326 0.0742 24.95);
334
+ --pds-color-status-critical-dot: oklch(0.5103 0.1942 29.6);
235
335
  --pds-color-status-critical-border: oklch(0.5103 0.1942 29.6);
236
336
  --pds-color-status-critical-background: oklch(0.3866 0.145 30.09);
237
337
  --pds-color-status-warning-foreground: oklch(0.9147 0.0715 75.62);
338
+ --pds-color-status-warning-dot: oklch(0.5757 0.1336 61.11);
238
339
  --pds-color-status-warning-border: oklch(0.5757 0.1336 61.11);
239
340
  --pds-color-status-warning-background: oklch(0.4141 0.0927 65.26);
240
341
  --pds-color-status-discovery-foreground: oklch(0.8267 0.0958 307.50);
342
+ --pds-color-status-discovery-dot: oklch(0.4772 0.1603 302.13);
241
343
  --pds-color-status-discovery-border: oklch(0.4772 0.1603 302.13);
242
344
  --pds-color-status-discovery-background: oklch(0.2809 0.0442 307.66);
345
+ --pds-color-status-frozen-dot: oklch(0.8816 0.0619 245.59);
346
+ --pds-color-status-disabled-dot: oklch(0.8853 0 0);
243
347
  --pds-elevation-dashboard: 1px 1px 6px -2px rgba(80, 80, 80, 0.2), 1px 1px 0px 0px #1a1b20;
244
348
  --pds-elevation-raised: 0px 3px 5px 0px rgba(18, 18, 25, 0.6), 0px 0px 0px 1px rgba(120, 120, 120, 0.15);
245
349
  --pds-elevation-overlay: 0px 8px 12px 0px rgba(18, 18, 25, 0.6), 0px 0px 0px 1px rgba(120, 120, 120, 0.15);
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%);
246
373
  }
package/dist/css/design-tokens/variables.global.css CHANGED
@@ -32,9 +32,9 @@
32
32
  --pds-container-padding-wide-bp-m: 5%;
33
33
  --pds-container-padding-wide-bp-l: 4%;
34
34
  --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;
35
+ --pds-container-max-width-standard: 1440px;
36
+ --pds-container-max-width-wide: 1600px;
37
+ --pds-container-max-width-x-wide: 1860px;
38
38
  --pds-grid-columns-4-gap: var(--pds-spacing-l);
39
39
  --pds-grid-columns-12-bp-m-gap-narrow: var(--pds-spacing-l);
40
40
  --pds-grid-columns-12-bp-m-gap-standard: var(--pds-spacing-xl);
@@ -80,6 +80,7 @@
80
80
  --pds-spacing-button-gap-inline-xl: var(--pds-spacing-xs);
81
81
  --pds-spacing-input-height-s: var(--pds-spacing-2xl);
82
82
  --pds-spacing-input-height-m: var(--pds-spacing-3xl);
83
+ --pds-spacing-input-height-l: var(--pds-spacing-4xl);
83
84
  --pds-z-index-navigation: 100;
84
85
  --pds-z-index-dropdown: 300;
85
86
  --pds-z-index-notifications: 500;
package/dist/css/design-tokens/variables.light.css CHANGED
@@ -1,32 +1,103 @@
1
1
  :root, [data-theme="light"] {
2
- --pds-color-badge-indicator-default-background: oklch(0.2046 0 0);
3
- --pds-color-badge-indicator-default-foreground: oklch(1.0000 0 0);
4
- --pds-color-badge-indicator-silver-background: oklch(0.8853 0 0);
5
- --pds-color-badge-indicator-silver-foreground: oklch(0.2046 0 0);
6
- --pds-color-badge-indicator-gold-background: oklch(0.9316 0.1527 100.8);
7
- --pds-color-badge-indicator-gold-foreground: oklch(0.5121 0.1051 94.66);
8
- --pds-color-badge-indicator-diamond-background: oklch(0.9683 0.0161 245.08);
9
- --pds-color-badge-indicator-diamond-foreground: oklch(0.5558 0.2372 267.79);
10
- --pds-color-badge-indicator-platinum-background: #E5E0F8;
11
- --pds-color-badge-indicator-platinum-foreground: #4F32CE;
12
- --pds-color-badge-indicator-critical-background: oklch(0.5103 0.1942 29.6);
13
- --pds-color-badge-indicator-critical-foreground: oklch(0.9851 0 0);
14
- --pds-color-badge-indicator-info-background: oklch(0.5476 0.1867 255.95);
15
- --pds-color-badge-indicator-info-foreground: oklch(0.9851 0 0);
16
- --pds-color-badge-indicator-success-background: oklch(0.5118 0.1311 147.75);
17
- --pds-color-badge-indicator-success-foreground: oklch(0.9851 0 0);
18
- --pds-color-badge-indicator-warning-background: oklch(0.5635 0.1308 61.09);
19
- --pds-color-badge-indicator-warning-foreground: oklch(0.9851 0 0);
20
- --pds-color-badge-indicator-neutral-background: oklch(0.8047 0 0);
21
- --pds-color-badge-indicator-neutral-foreground: oklch(0.9851 0 0);
22
- --pds-color-badge-indicator-brand-background: #4F32CE;
23
- --pds-color-badge-indicator-brand-foreground: oklch(0.9851 0 0);
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);
23
+ --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);
31
+ --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);
35
+ --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);
39
+ --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);
47
+ --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);
50
+ --pds-color-badge-lime-background: oklch(0.5540 0.1620 135.05);
51
+ --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);
58
+ --pds-color-badge-sky-background: oklch(0.5571 0.1189 235.42);
59
+ --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);
62
+ --pds-color-badge-indigo-background: oklch(0.4574 0.1942 275.52);
63
+ --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);
82
+ --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);
87
+ --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);
24
91
  --pds-color-banner-info-background: oklch(0.5476 0.1867 255.95);
25
- --pds-color-banner-info-foreground: oklch(0.9851 0 0);
92
+ --pds-color-banner-info-foreground: oklch(1.0000 0 0);
26
93
  --pds-color-banner-warning-background: oklch(0.8008 0.1637 90.52);
27
94
  --pds-color-banner-warning-foreground: oklch(0.2046 0 0);
28
- --pds-color-banner-critical-background: oklch(0.5103 0.1942 29.6);
29
- --pds-color-banner-critical-foreground: oklch(0.9851 0 0);
95
+ --pds-color-banner-critical-background: oklch(0.5856 0.2126 29.44);
96
+ --pds-color-banner-critical-foreground: oklch(1.0000 0 0);
97
+ --pds-color-banner-discovery-background: oklch(0.5817 0.2576 306.75);
98
+ --pds-color-banner-discovery-foreground: oklch(1.0000 0 0);
99
+ --pds-color-banner-neutral-background: oklch(0.2046 0 0);
100
+ --pds-color-banner-neutral-foreground: oklch(1.0000 0 0);
30
101
  --pds-color-card-background: oklch(0.9851 0 0);
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);
@@ -52,6 +123,10 @@
52
123
  --pds-color-datepicker-range-foreground: oklch(0.2046 0 0);
53
124
  --pds-color-datepicker-selected-background: #4F32CE;
54
125
  --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);
55
130
  --pds-color-pagination-foreground-hover: var(--pds-color-interactive-link-hover);
56
131
  --pds-color-pagination-foreground-active: var(--pds-color-interactive-link-active);
57
132
  --pds-color-pagination-background-hover: var(--pds-color-brand-primary-100);
@@ -114,6 +189,13 @@
114
189
  --pds-color-tag-20-background: #8790A0;
115
190
  --pds-color-tag-20-foreground: #0E1E40;
116
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);
117
199
  --pds-color-bg-default: oklch(1.0000 0 0);
118
200
  --pds-color-bg-default-secondary: oklch(0.9702 0 0);
119
201
  --pds-color-bg-reverse: oklch(0.2046 0 0);
@@ -151,6 +233,10 @@
151
233
  --pds-color-button-reverse-background-default: oklch(1.0000 0 0);
152
234
  --pds-color-button-reverse-background-hover: oklch(0.9401 0 0);
153
235
  --pds-color-button-reverse-foreground: oklch(0.2046 0 0);
236
+ --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);
239
+ --pds-color-button-reverse-secondary-foreground: oklch(1.0000 0 0);
154
240
  --pds-color-close-button-foreground: oklch(0.5103 0 0);
155
241
  --pds-color-close-button-background-default: rgba(255, 255, 255, 0.00);
156
242
  --pds-color-close-button-background-hover: #1717171a;
@@ -175,6 +261,9 @@
175
261
  --pds-color-segmented-button-background-active: oklch(1.0000 0 0);
176
262
  --pds-color-segmented-button-foreground-inactive: var(--pds-color-fg-default-secondary);
177
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;
178
267
  --pds-color-code-inline-background: #F4F3FC;
179
268
  --pds-color-code-inline-border: #E5E0F8;
180
269
  --pds-color-code-inline-text: oklch(0.2046 0 0);
@@ -194,10 +283,18 @@
194
283
  --pds-color-fg-default: oklch(0.2046 0 0);
195
284
  --pds-color-fg-default-secondary: oklch(0.5103 0 0);
196
285
  --pds-color-fg-reverse: oklch(1.0000 0 0);
286
+ --pds-color-input-placeholder: oklch(0.8047 0 0);
197
287
  --pds-color-input-checkbox-checked-foreground: oklch(0.9851 0 0);
198
288
  --pds-color-input-file-upload-button-background-default: oklch(0.9702 0 0);
199
289
  --pds-color-input-file-upload-button-background-hover: oklch(0.9401 0 0);
200
290
  --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;
201
298
  --pds-color-interactive-background-hover: oklch(0.9702 0 0);
202
299
  --pds-color-interactive-background-active: oklch(0.9401 0 0);
203
300
  --pds-color-interactive-focus: oklch(0.5558 0.2372 267.79);
@@ -226,20 +323,27 @@
226
323
  --pds-color-partner-wordpress: #0073AA;
227
324
  --pds-color-social-rss: #f26522;
228
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);
229
327
  --pds-color-status-success-border: oklch(0.9079 0.087 152.53);
230
328
  --pds-color-status-success-background: oklch(0.9745 0.0116 153.67);
231
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);
232
331
  --pds-color-status-info-border: oklch(0.8816 0.0619 245.59);
233
332
  --pds-color-status-info-background: oklch(0.9683 0.0161 245.08);
234
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);
235
335
  --pds-color-status-critical-border: oklch(0.8326 0.0742 24.95);
236
336
  --pds-color-status-critical-background: oklch(0.9645 0.0174 21.81);
237
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);
238
339
  --pds-color-status-warning-border: oklch(0.8008 0.1637 90.52);
239
340
  --pds-color-status-warning-background: oklch(0.9834 0.0199 97.52);
240
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);
241
343
  --pds-color-status-discovery-border: oklch(0.5817 0.2576 306.75);
242
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);
243
347
  --pds-elevation-dashboard: 1px 1px 6px -2px rgba(140, 140, 140, 0.2), 1px 1px 0px 0px #f9f9f9;
244
348
  --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);
245
349
  --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);
@@ -259,6 +363,7 @@
259
363
  --pds-gradient-avatar-earth: linear-gradient(315deg, #6BC5FC 0%, #218C5F 100%);
260
364
  --pds-gradient-avatar-moon: linear-gradient(315deg, #A2CFFF 0%, #8A70FF 100%);
261
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%);
262
367
  --pds-gradient-card-yellow: linear-gradient(225deg, #FFCB45 0%, #FFDC28 50%, #FFF1A9 100%);
263
368
  --pds-gradient-card-mint: linear-gradient(225deg, #4BCE97 0%, #BAF3DB 100%);
264
369
  --pds-gradient-card-lavender: linear-gradient(225deg, #8A70FF 0%, #BFB1FF 100%);
package/dist/css/design-tokens/variables.typography.css CHANGED
@@ -1,14 +1,15 @@
1
1
  :root {
2
- --pds-typography-ff-sans: 'Inter', sans-serif;
3
- --pds-typography-ff-serif: 'IBM Plex Serif', serif;
4
- --pds-typography-ff-mono: 'Source Code Pro', monospace;
2
+ --pds-typography-ff-default: 'Inter', sans-serif;
3
+ --pds-typography-ff-compact: 'Inter Tight', sans-serif;
4
+ --pds-typography-ff-secondary: 'IBM Plex Serif', serif;
5
+ --pds-typography-ff-code: 'Source Code Pro', monospace;
5
6
  --pds-typography-fw-light: 300;
6
7
  --pds-typography-fw-regular: 400;
7
8
  --pds-typography-fw-medium: 500;
8
9
  --pds-typography-fw-semibold: 600;
9
10
  --pds-typography-fw-bold: 700;
10
- --pds-typography-font-css-import: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap';
11
- --pds-typography-ls-xl: 0.06em;
11
+ --pds-typography-fw-extrabold: 800;
12
+ --pds-typography-ls-xl: 0.05em;
12
13
  --pds-typography-ls-l: 0.04em;
13
14
  --pds-typography-ls-m: 0.02em;
14
15
  --pds-typography-ls-s: 0.01em;
@@ -31,4 +32,6 @@
31
32
  --pds-typography-size-6xl: clamp(2.4rem, 2.13rem + 1.09vw, 3rem);
32
33
  --pds-typography-size-7xl: clamp(3rem, 2.66rem + 1.36vw, 3.75rem);
33
34
  --pds-typography-size-8xl: clamp(4rem, 3.55rem + 1.82vw, 5rem);
35
+ --pds-typography-size-input-label: 0.813rem;
36
+ --pds-typography-size-input-message: 0.813rem;
34
37
  }
package/dist/css/layout-css/pds-app-layout.css ADDED
@@ -0,0 +1,2 @@
1
+ .pds-app-layout{--toggle-icon-size:1.5rem;--toggle-trigger-size:2rem;--button-offset:calc(var(--toggle-trigger-size)*-0.5);box-sizing:border-box;display:flex;flex-direction:row;min-height:100vh;width:100%}.pds-app-layout__main{flex:1;padding:var(--pds-spacing-2xl);position:relative}.pds-app-layout__sidebar{border-right:1px solid var(--pds-color-border-default);padding-block:var(--pds-spacing-2xl);padding-inline-start:var(--pds-spacing-l);position:relative}.pds-app-layout__sidebar--collapsed{padding-inline:var(--pds-spacing-s)}.pds-app-layout__sidebar--collapsed .pds-app-layout__sidebar-inner{padding-inline-end:0}.pds-app-layout__sidebar{transition:border-color .15s ease-in-out}.pds-app-layout__sidebar:has(.pds-app-layout__sidebar-toggle-button:hover){border-color:var(--pds-color-border-hover)}.pds-app-layout__sidebar-toggle-button{background-color:transparent;border:none;cursor:pointer;height:100%;position:absolute;right:var(--button-offset);top:.125rem;width:var(--toggle-trigger-size);z-index:2}.pds-app-layout__sidebar-toggle-button:focus-visible{outline:none}.pds-app-layout__sidebar-toggle-button:focus-visible>.pds-app-layout__sidebar-toggle-icon{opacity:1;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-app-layout__sidebar-toggle-button:hover>.pds-app-layout__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-app-layout__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:.25rem;top:3.625rem;transition:var(--pds-animation-transition-rotation);width:var(--toggle-icon-size);z-index:2}.pds-app-layout__sidebar-toggle-button[aria-expanded=false]
2
+ .pds-app-layout__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-app-layout__sidebar-inner{height:100%;overflow-x:hidden;padding-inline-end:var(--pds-spacing-l);text-wrap:nowrap}.pds-app-layout--isMobile{flex-direction:column;min-height:unset}.pds-app-layout--isMobile .pds-app-layout__main,.pds-app-layout--isMobile .pds-app-layout__sidebar{border-right:none;width:100%}.pds-app-layout--isMobile .pds-app-layout__sidebar{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset;padding-inline-end:0}
package/dist/css/layout-css/pds-dashboard-global.css ADDED
@@ -0,0 +1,8 @@
1
+ .pds-dashboard-global{--dashboard-toggle-icon-size:1.5rem;--dashboard-toggle-trigger-size:3rem;--dashboard-toggle-top-position:5rem;--dashboard-navbar-inline-padding:var(--pds-spacing-2xl);display:flex;min-height:100vh;overflow:hidden;position:relative}@media (min-width:768px){.pds-dashboard-global .pds-workspace-selector{margin-inline-start:-1.25rem}}.pds-dashboard-global .pds-pantheon-logo:not(.pds-pantheon-logo--icon){width:10rem}.pds-dashboard-global--notMobile{background-color:var(--pds-color-dashboard-nav-background)}.pds-dashboard-global--notMobile .pds-dashboard-global__header{max-width:calc(var(--pds-container-dashboard-navbar-max-width) + var(--dashboard-navbar-inline-padding)*2)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button{background-color:transparent;border:none;height:calc(100% - var(--dashboard-toggle-top-position));position:absolute;right:calc(var(--dashboard-toggle-trigger-size)*-.5);top:var(--dashboard-toggle-top-position);width:var(--dashboard-toggle-trigger-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible{outline:none}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:focus-visible>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button:hover>.pds-dashboard-global__sidebar-toggle-icon{opacity:1;transition:opacity .1s ease-in-out;transition-delay:.1s}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-icon{align-items:center;background-color:var(--pds-color-dashboard-toggle-button-background);border:none;border-radius:50%;color:var(--pds-color-dashboard-toggle-button-foreground);display:flex;height:var(--dashboard-toggle-icon-size);justify-content:center;opacity:0;position:absolute;right:25%;top:2rem;transition:var(--pds-animation-transition-rotation);width:var(--dashboard-toggle-icon-size);z-index:2}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-toggle-button[aria-expanded=false]
2
+ .pds-dashboard-global__sidebar-toggle-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar{box-sizing:content-box;padding-block-end:var(--pds-spacing-m);padding-block-start:.75rem;padding-inline-end:var(--pds-spacing-xl);padding-inline-start:calc(var(--pds-spacing-xl) + var(--pds-spacing-dashboard-nav-item-padding));position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__sidebar-inner{height:100%;margin-inline-start:-.75rem;overflow-x:hidden}.pds-dashboard-global--notMobile .pds-dashboard-global__right{display:flex;flex-direction:column}.pds-dashboard-global--notMobile .pds-navbar__inner{padding-inline-end:var(--pds-spacing-2xl)}.pds-dashboard-global--notMobile .pds-dashboard-global__inner{background-color:var(--pds-color-bg-default);border-top-left-radius:1.25rem;box-shadow:var(--pds-elevation-dashboard);display:flex;flex:1;flex-direction:column;position:relative}.pds-dashboard-global--notMobile .pds-dashboard-global__main{flex:1;padding-block:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-2xl) calc(var(--pds-spacing-2xl) + .25rem)}.pds-dashboard-global--notMobile .pds-site-footer .pds-container{padding-inline:var(--pds-spacing-2xl)}.pds-dashboard-global__sidebar--collapsed
3
+ .pds-dashboard-global__sidebar-toggle{opacity:1}.pds-dashboard-global--isMobile{display:flex;flex-direction:column}.pds-dashboard-global--isMobile .pds-dashboard-global__sidebar{padding-block:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-dashboard-global__main{padding-block:var(--pds-spacing-s);padding-inline:var(--pds-spacing-xl)}.pds-dashboard-global--isMobile .pds-site-footer{padding-inline:var(--pds-spacing-3xs)}.pds-dashboard-global--isAdmin{--pds-color-dashboard-nav-background:var(
4
+ --pds-color-dashboard-nav-background-admin
5
+ )}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover,.pds-dashboard-global--isAdmin button.pds-icon-button:hover:enabled{background-color:var(
6
+ --pds-color-dashboard-nav-item-background-hover-admin
7
+ )}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active
8
+ .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}
package/dist/css/layout-css/pds-dashboard-inner.css ADDED
@@ -0,0 +1 @@
1
+ .pds-dashboard-inner{max-width:var(--pds-container-dashboard-navbar-max-width)}.pds-dashboard-inner__header{column-gap:var(--pds-spacing-2xl);display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-end:var(--pds-spacing-xl);row-gap:var(--pds-spacing-xl)}.pds-dashboard-inner__content-wrapper{display:flex;flex-direction:column;row-gap:var(--pds-spacing-2xl);width:100%}.pds-dashboard-inner__content--with-spacing>:nth-last-child(2){margin-block-end:var(--pds-spacing-2xl)}
package/dist/css/layout-css/pds-docs-layout.css ADDED
@@ -0,0 +1 @@
1
+ .pds-docs-layout{column-gap:var(--pds-spacing-2xl);display:flex;flex:1;flex-direction:row;height:100%}.pds-docs-layout__content,.pds-docs-layout__sidebar{padding-block:var(--pds-spacing-2xl)}.pds-docs-layout__content{flex:1}.pds-docs-layout__sidebar{border-right:1px solid var(--pds-color-border-default)}.pds-docs-layout__sidebar-inner{margin-inline-end:var(--pds-spacing-xl);overflow-x:hidden}.pds-docs-layout--isMobile{flex-direction:column;height:unset}.pds-docs-layout--isMobile .pds-docs-layout__content,.pds-docs-layout--isMobile .pds-docs-layout__sidebar{border-right:none;width:100%}.pds-docs-layout--isMobile .pds-docs-layout__sidebar{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);min-width:unset;padding-inline-end:0}
package/dist/css/layout-css/pds-flex-container.css ADDED
@@ -0,0 +1 @@
1
+ .pds-flex-container{display:flex}.pds-flex-direction--row{flex-direction:row}.pds-flex-direction--row-reverse{flex-direction:row-reverse}.pds-flex-direction--column{flex-direction:column}.pds-flex-direction--column-reverse{flex-direction:column-reverse}.pds-flex--nowrap{flex-wrap:nowrap}.pds-flex-wrap--wrap{flex-wrap:wrap}.pds-flex-wrap--wrap-reverse{flex-wrap:wrap-reverse}.pds-flex-justify--flex-start{justify-content:flex-start}.pds-flex-justify--flex-end{justify-content:flex-end}.pds-flex-justify--center{justify-content:center}.pds-flex-justify--space-between{justify-content:space-between}.pds-flex-justify--space-around{justify-content:space-around}.pds-flex-justify--space-evenly{justify-content:space-evenly}.pds-flex-align-items--flex-start{align-items:flex-start}.pds-flex-align-items--flex-end{align-items:flex-end}.pds-flex-align-items--center{align-items:center}.pds-flex-align-items--stretch{align-items:stretch}.pds-flex-align-items--baseline{align-items:baseline}.pds-flex-align-content--flex-start{align-content:flex-start}.pds-flex-align-content--flex-end{align-content:flex-end}.pds-flex-align-content--center{align-content:center}.pds-flex-align-content--space-between{align-content:space-between}.pds-flex-align-content--space-around{align-content:space-around}.pds-flex-align-content--stretch{align-content:stretch}.pds-gap--none{gap:0}.pds-flex-gap--minimal{gap:var(--pds-spacing-s)}.pds-flex-gap--narrow{gap:var(--pds-grid-columns-12-bp-m-gap-narrow)}.pds-flex-gap--standard{gap:var(--pds-grid-columns-12-bp-m-gap-standard)}.pds-flex-gap--wide{gap:var(--pds-grid-columns-12-bp-m-gap-wide)}@media (min-width:1280px){.pds-flex-gap--minimal{gap:var(--pds-spacing-m)}.pds-flex-gap--narrow{gap:var(--pds-grid-columns-12-bp-l-gap-narrow)}.pds-flex-gap--standard{gap:var(--pds-grid-columns-12-bp-l-gap-standard)}.pds-flex-gap--wide{gap:var(--pds-grid-columns-12-bp-l-gap-wide)}}.pds-flex-container--mobile .pds-flex-gap--minimal{gap:var(--pds-spacing-s)}.pds-flex-container--mobile .pds-flex-gap--narrow{gap:var(--pds-grid-columns-12-bp-m-gap-narrow)}.pds-flex-container--mobile .pds-flex-gap--standard{gap:var(--pds-grid-columns-12-bp-m-gap-standard)}.pds-flex-container--mobile .pds-flex-gap--wide{gap:var(--pds-grid-columns-12-bp-m-gap-wide)}