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

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 (288) hide show
  1. package/README.md +3 -3
  2. package/dist/components/ComparisonList/ComparisonList.d.ts +5 -1
  3. package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +1 -1
  4. package/dist/components/Table/Table.d.ts +1 -1
  5. package/dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +4 -4
  6. package/dist/components/icons/Icon/Icon.d.ts +10 -730
  7. package/dist/components/icons/Icon/IconSearch.d.ts +1 -0
  8. package/dist/components/icons/Icon/custom-icons.d.ts +46 -0
  9. package/dist/components/icons/Icon/generated-icon-data.d.ts +1422 -0
  10. package/dist/components/icons/Icon/icon-registry.d.ts +34 -0
  11. package/dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +27 -5
  12. package/dist/components/inputs/TagsInput/TagsInput.d.ts +100 -0
  13. package/dist/components/notifications/Banner/Banner.d.ts +26 -10
  14. package/dist/components/notifications/Toaster/Toast.d.ts +1 -1
  15. package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +5 -1
  16. package/dist/css/component-css/pds-banner.css +1 -1
  17. package/dist/css/component-css/pds-breadcrumb.css +1 -1
  18. package/dist/css/component-css/pds-button-link.css +1 -1
  19. package/dist/css/component-css/pds-button-nav.css +1 -1
  20. package/dist/css/component-css/pds-button.css +8 -2
  21. package/dist/css/component-css/pds-callout.css +1 -1
  22. package/dist/css/component-css/pds-card-select-group.css +1 -1
  23. package/dist/css/component-css/pds-combobox-multiselect.css +2 -2
  24. package/dist/css/component-css/pds-compact-empty-state.css +1 -1
  25. package/dist/css/component-css/pds-comparison-list.css +1 -1
  26. package/dist/css/component-css/pds-cta-link.css +1 -1
  27. package/dist/css/component-css/pds-dashboard-nav.css +2 -2
  28. package/dist/css/component-css/pds-datepicker.css +1 -1
  29. package/dist/css/component-css/pds-expansion-panel.css +1 -1
  30. package/dist/css/component-css/pds-file-upload.css +1 -1
  31. package/dist/css/component-css/pds-flow-steps.css +1 -1
  32. package/dist/css/component-css/pds-footer-links.css +1 -1
  33. package/dist/css/component-css/pds-horizontal-empty-state.css +1 -1
  34. package/dist/css/component-css/pds-icon-story-only.css +1 -1
  35. package/dist/css/component-css/pds-icon.css +1 -0
  36. package/dist/css/component-css/pds-index.css +23 -17
  37. package/dist/css/component-css/pds-indicator-badge.css +1 -1
  38. package/dist/css/component-css/pds-inline-message.css +1 -1
  39. package/dist/css/component-css/pds-menu-button.css +1 -1
  40. package/dist/css/component-css/pds-pagination.css +1 -1
  41. package/dist/css/component-css/pds-pantheon-logo.css +1 -1
  42. package/dist/css/component-css/pds-pricing-card.css +1 -1
  43. package/dist/css/component-css/pds-progress-bar.css +1 -1
  44. package/dist/css/component-css/pds-pull-quote.css +1 -1
  45. package/dist/css/component-css/pds-refresh-checker.css +1 -1
  46. package/dist/css/component-css/pds-section-message.css +1 -1
  47. package/dist/css/component-css/pds-segmented-button.css +1 -1
  48. package/dist/css/component-css/pds-select.css +1 -1
  49. package/dist/css/component-css/pds-side-nav-compact.css +1 -1
  50. package/dist/css/component-css/pds-side-nav-global.css +2 -2
  51. package/dist/css/component-css/pds-side-nav.css +1 -1
  52. package/dist/css/component-css/pds-site-footer.css +1 -1
  53. package/dist/css/component-css/pds-spinner.css +1 -1
  54. package/dist/css/component-css/pds-sso-button.css +1 -1
  55. package/dist/css/component-css/pds-status-indicator.css +1 -1
  56. package/dist/css/component-css/pds-stepper.css +1 -1
  57. package/dist/css/component-css/pds-tab-menu.css +1 -1
  58. package/dist/css/component-css/pds-table-of-contents.css +1 -1
  59. package/dist/css/component-css/pds-tabs.css +1 -1
  60. package/dist/css/component-css/pds-tag.css +1 -1
  61. package/dist/css/component-css/pds-tags-input.css +1 -0
  62. package/dist/css/component-css/pds-toaster.css +1 -1
  63. package/dist/css/component-css/pds-tooltip.css +1 -1
  64. package/dist/css/component-css/pds-vertical-empty-state.css +1 -1
  65. package/dist/css/component-css/pds-workspace-selector.css +1 -1
  66. package/dist/css/design-tokens/fonts.css +1 -1
  67. package/dist/css/design-tokens/variables.dark.css +35 -6
  68. package/dist/css/design-tokens/variables.light.css +32 -3
  69. package/dist/css/design-tokens/variables.typography.css +6 -5
  70. package/dist/css/layout-css/pds-app-layout.css +2 -0
  71. package/dist/css/layout-css/pds-dashboard-global.css +8 -0
  72. package/dist/css/layout-css/pds-dashboard-inner.css +1 -0
  73. package/dist/css/layout-css/pds-docs-layout.css +1 -0
  74. package/dist/css/layout-css/pds-flex-container.css +1 -0
  75. package/dist/css/layout-css/pds-index.css +9 -0
  76. package/dist/css/layout-css/pds-stepper-layout.css +1 -0
  77. package/dist/css/layout-css/pds-three-item-layout.css +1 -0
  78. package/dist/css/layout-css/pds-two-item-layout.css +1 -0
  79. package/dist/css/pds-components.css +23 -17
  80. package/dist/css/pds-core.css +2 -2
  81. package/dist/index.css +1 -1
  82. package/dist/index.d.ts +5 -0
  83. package/dist/index.js +3108 -1560
  84. package/dist/index.js.map +1 -1
  85. package/dist/index.source.d.ts +1 -0
  86. package/dist/libs/types/custom-types.d.ts +1 -1
  87. package/dist/svg/angleDown.svg +3 -0
  88. package/dist/svg/angleLeft.svg +3 -0
  89. package/dist/svg/angleRight.svg +3 -0
  90. package/dist/svg/angleUp.svg +3 -0
  91. package/dist/svg/anglesLeft.svg +3 -0
  92. package/dist/svg/anglesRight.svg +3 -0
  93. package/dist/svg/arrowDownToLine.svg +3 -0
  94. package/dist/svg/arrowLeft.svg +3 -0
  95. package/dist/svg/arrowRight.svg +3 -0
  96. package/dist/svg/arrowsRetweet.svg +3 -0
  97. package/dist/svg/asterisk.svg +3 -0
  98. package/dist/svg/banBug.svg +3 -0
  99. package/dist/svg/bars.svg +3 -0
  100. package/dist/svg/barsFilter.svg +3 -0
  101. package/dist/svg/bell.svg +3 -0
  102. package/dist/svg/billboard.svg +3 -0
  103. package/dist/svg/bitbucket.svg +3 -0
  104. package/dist/svg/bluesky.svg +3 -0
  105. package/dist/svg/bolt.svg +3 -0
  106. package/dist/svg/boltPantheon.svg +3 -0
  107. package/dist/svg/boltSolid.svg +3 -0
  108. package/dist/svg/book.svg +3 -0
  109. package/dist/svg/books.svg +3 -0
  110. package/dist/svg/bracketRight.svg +3 -0
  111. package/dist/svg/bracketsSquare.svg +3 -0
  112. package/dist/svg/brainCircuit.svg +3 -0
  113. package/dist/svg/broomWide.svg +3 -0
  114. package/dist/svg/building.svg +3 -0
  115. package/dist/svg/buildings.svg +3 -0
  116. package/dist/svg/bullhorn.svg +3 -0
  117. package/dist/svg/calendarDays.svg +3 -0
  118. package/dist/svg/caretDown.svg +3 -0
  119. package/dist/svg/caretLeft.svg +3 -0
  120. package/dist/svg/caretRight.svg +3 -0
  121. package/dist/svg/caretUp.svg +3 -0
  122. package/dist/svg/ccAmex.svg +3 -0
  123. package/dist/svg/ccApplePay.svg +3 -0
  124. package/dist/svg/ccDiscover.svg +3 -0
  125. package/dist/svg/ccGeneric.svg +3 -0
  126. package/dist/svg/ccMC.svg +3 -0
  127. package/dist/svg/ccPaypal.svg +3 -0
  128. package/dist/svg/ccVisa.svg +3 -0
  129. package/dist/svg/chartLine.svg +3 -0
  130. package/dist/svg/chartNetwork.svg +3 -0
  131. package/dist/svg/chartSimple.svg +3 -0
  132. package/dist/svg/check.svg +3 -0
  133. package/dist/svg/circle.svg +3 -0
  134. package/dist/svg/circleCheck.svg +3 -0
  135. package/dist/svg/circleExclamation.svg +3 -0
  136. package/dist/svg/circleInfo.svg +3 -0
  137. package/dist/svg/circleMinus.svg +3 -0
  138. package/dist/svg/circleNotch.svg +3 -0
  139. package/dist/svg/circlePlus.svg +3 -0
  140. package/dist/svg/circleQuestion.svg +3 -0
  141. package/dist/svg/circleUser.svg +3 -0
  142. package/dist/svg/circleXmark.svg +3 -0
  143. package/dist/svg/cloud.svg +3 -0
  144. package/dist/svg/cloudArrowDown.svg +3 -0
  145. package/dist/svg/cloudArrowUp.svg +3 -0
  146. package/dist/svg/cloudPlus.svg +3 -0
  147. package/dist/svg/code.svg +3 -0
  148. package/dist/svg/codeBranch.svg +3 -0
  149. package/dist/svg/codeMerge.svg +3 -0
  150. package/dist/svg/command.svg +3 -0
  151. package/dist/svg/comment.svg +3 -0
  152. package/dist/svg/copy.svg +3 -0
  153. package/dist/svg/desktop.svg +3 -0
  154. package/dist/svg/diamondExclamation.svg +3 -0
  155. package/dist/svg/diamonds4.svg +3 -0
  156. package/dist/svg/discourse.svg +3 -0
  157. package/dist/svg/display.svg +3 -0
  158. package/dist/svg/dollarSign.svg +3 -0
  159. package/dist/svg/download.svg +3 -0
  160. package/dist/svg/drupal.svg +3 -0
  161. package/dist/svg/ellipsis.svg +3 -0
  162. package/dist/svg/ellipsisVertical.svg +3 -0
  163. package/dist/svg/emptySet.svg +3 -0
  164. package/dist/svg/envelope.svg +3 -0
  165. package/dist/svg/envelopeOpen.svg +3 -0
  166. package/dist/svg/exclamation.svg +3 -0
  167. package/dist/svg/expand.svg +3 -0
  168. package/dist/svg/expandFromCenter.svg +3 -0
  169. package/dist/svg/externalLink.svg +3 -0
  170. package/dist/svg/eye.svg +3 -0
  171. package/dist/svg/eyeSlash.svg +3 -0
  172. package/dist/svg/facebook.svg +3 -0
  173. package/dist/svg/file.svg +3 -0
  174. package/dist/svg/fileCSV.svg +3 -0
  175. package/dist/svg/fileCheck.svg +3 -0
  176. package/dist/svg/fileContract.svg +3 -0
  177. package/dist/svg/fileDiff.svg +3 -0
  178. package/dist/svg/fileExport.svg +3 -0
  179. package/dist/svg/fileImport.svg +3 -0
  180. package/dist/svg/fileLines.svg +3 -0
  181. package/dist/svg/filePDF.svg +3 -0
  182. package/dist/svg/fileZip.svg +3 -0
  183. package/dist/svg/folder.svg +3 -0
  184. package/dist/svg/folderTree.svg +3 -0
  185. package/dist/svg/gear.svg +3 -0
  186. package/dist/svg/gem.svg +3 -0
  187. package/dist/svg/github.svg +3 -0
  188. package/dist/svg/gitlab.svg +3 -0
  189. package/dist/svg/globe.svg +3 -0
  190. package/dist/svg/graduationCap.svg +3 -0
  191. package/dist/svg/grid.svg +3 -0
  192. package/dist/svg/gripDots.svg +3 -0
  193. package/dist/svg/gripDotsVertical.svg +3 -0
  194. package/dist/svg/heart.svg +3 -0
  195. package/dist/svg/heartSolid.svg +3 -0
  196. package/dist/svg/house.svg +3 -0
  197. package/dist/svg/idCard.svg +3 -0
  198. package/dist/svg/image.svg +3 -0
  199. package/dist/svg/inputText.svg +3 -0
  200. package/dist/svg/instagram.svg +3 -0
  201. package/dist/svg/keySkeleton.svg +3 -0
  202. package/dist/svg/laptop.svg +3 -0
  203. package/dist/svg/laptopCode.svg +3 -0
  204. package/dist/svg/leaf.svg +3 -0
  205. package/dist/svg/lifeRing.svg +3 -0
  206. package/dist/svg/linkSimple.svg +3 -0
  207. package/dist/svg/linkSimpleSlash.svg +3 -0
  208. package/dist/svg/linkedin.svg +3 -0
  209. package/dist/svg/listCheck.svg +3 -0
  210. package/dist/svg/lock.svg +3 -0
  211. package/dist/svg/lockOpen.svg +3 -0
  212. package/dist/svg/magnifyingGlass.svg +3 -0
  213. package/dist/svg/medal.svg +3 -0
  214. package/dist/svg/memo.svg +3 -0
  215. package/dist/svg/messages.svg +3 -0
  216. package/dist/svg/minus.svg +3 -0
  217. package/dist/svg/moon.svg +3 -0
  218. package/dist/svg/nextJs.svg +3 -0
  219. package/dist/svg/paperPlane.svg +3 -0
  220. package/dist/svg/paperclip.svg +3 -0
  221. package/dist/svg/pen.svg +3 -0
  222. package/dist/svg/penField.svg +3 -0
  223. package/dist/svg/phone.svg +3 -0
  224. package/dist/svg/play.svg +3 -0
  225. package/dist/svg/plus.svg +3 -0
  226. package/dist/svg/question.svg +3 -0
  227. package/dist/svg/quotesLeft.svg +3 -0
  228. package/dist/svg/quotesRight.svg +3 -0
  229. package/dist/svg/rectangleList.svg +3 -0
  230. package/dist/svg/reply.svg +3 -0
  231. package/dist/svg/robot.svg +3 -0
  232. package/dist/svg/rocketLaunch.svg +3 -0
  233. package/dist/svg/rotate.svg +3 -0
  234. package/dist/svg/rotateClock.svg +3 -0
  235. package/dist/svg/rotateLeft.svg +3 -0
  236. package/dist/svg/rotateRight.svg +3 -0
  237. package/dist/svg/rss.svg +3 -0
  238. package/dist/svg/save.svg +3 -0
  239. package/dist/svg/server.svg +3 -0
  240. package/dist/svg/shareNodes.svg +3 -0
  241. package/dist/svg/shield.svg +3 -0
  242. package/dist/svg/shieldQuartered.svg +3 -0
  243. package/dist/svg/shovel.svg +3 -0
  244. package/dist/svg/siren.svg +3 -0
  245. package/dist/svg/sirenOn.svg +3 -0
  246. package/dist/svg/sitemap.svg +3 -0
  247. package/dist/svg/slack.svg +3 -0
  248. package/dist/svg/slashForward.svg +3 -0
  249. package/dist/svg/slidersSimple.svg +3 -0
  250. package/dist/svg/snowflake.svg +3 -0
  251. package/dist/svg/sparkles.svg +3 -0
  252. package/dist/svg/squareCheck.svg +3 -0
  253. package/dist/svg/squareCode.svg +3 -0
  254. package/dist/svg/squareMinus.svg +3 -0
  255. package/dist/svg/squarePen.svg +3 -0
  256. package/dist/svg/squareQuestion.svg +3 -0
  257. package/dist/svg/squareTerminal.svg +3 -0
  258. package/dist/svg/star.svg +3 -0
  259. package/dist/svg/starSolid.svg +3 -0
  260. package/dist/svg/sun.svg +3 -0
  261. package/dist/svg/sunBright.svg +3 -0
  262. package/dist/svg/table.svg +3 -0
  263. package/dist/svg/tableRows.svg +3 -0
  264. package/dist/svg/terminal.svg +3 -0
  265. package/dist/svg/text.svg +3 -0
  266. package/dist/svg/threads.svg +3 -0
  267. package/dist/svg/thumbsDown.svg +3 -0
  268. package/dist/svg/thumbsUp.svg +3 -0
  269. package/dist/svg/trash.svg +3 -0
  270. package/dist/svg/triangleExclamation.svg +3 -0
  271. package/dist/svg/twitter.svg +3 -0
  272. package/dist/svg/upload.svg +3 -0
  273. package/dist/svg/user.svg +3 -0
  274. package/dist/svg/userAstronaut.svg +3 -0
  275. package/dist/svg/userGear.svg +3 -0
  276. package/dist/svg/userPlus.svg +3 -0
  277. package/dist/svg/users.svg +3 -0
  278. package/dist/svg/video.svg +3 -0
  279. package/dist/svg/wavePulse.svg +3 -0
  280. package/dist/svg/windowRestore.svg +3 -0
  281. package/dist/svg/wordpress.svg +3 -0
  282. package/dist/svg/wreathLaurel.svg +3 -0
  283. package/dist/svg/wrench.svg +3 -0
  284. package/dist/svg/xTwitter.svg +3 -0
  285. package/dist/svg/xmark.svg +3 -0
  286. package/dist/svg/xmarkLarge.svg +3 -0
  287. package/dist/svg/youtube.svg +3 -0
  288. package/package.json +31 -19
@@ -0,0 +1,34 @@
1
+ /**
2
+ * Icon Registry - Source of truth for PDS icon mappings.
3
+ *
4
+ * Maps PDS camelCase icon names to their source:
5
+ * - FA icons: reference a Font Awesome package + export name
6
+ * - Custom icons: hand-authored SVG data in custom-icons.tsx
7
+ *
8
+ * To add an FA icon:
9
+ * 1. Add entry here with source: 'fa', style, and faImportName
10
+ * 2. Run: npm run generate:icon-data
11
+ * 3. Commit both this file and generated-icon-data.ts
12
+ *
13
+ * To add a custom icon:
14
+ * 1. Add SVG data to custom-icons.tsx
15
+ * 2. Add entry here with source: 'custom'
16
+ * 3. Run: npm run generate:icon-data
17
+ * 4. Commit all three files
18
+ */
19
+ export type FAStyle = 'regular' | 'solid' | 'brands';
20
+ export type IconCategory = 'actions' | 'arrows' | 'brands' | 'communication' | 'custom' | 'data' | 'development' | 'documents' | 'financial' | 'media' | 'navigation' | 'objects' | 'security' | 'status' | 'users';
21
+ export interface FAIconEntry {
22
+ aliases?: string[];
23
+ categories: IconCategory[];
24
+ faImportName: string;
25
+ source: 'fa';
26
+ style: FAStyle;
27
+ }
28
+ export interface CustomIconEntry {
29
+ aliases?: string[];
30
+ categories: IconCategory[];
31
+ source: 'custom';
32
+ }
33
+ export type IconRegistryEntry = CustomIconEntry | FAIconEntry;
34
+ export declare const iconRegistry: Record<string, IconRegistryEntry>;
@@ -1,19 +1,38 @@
1
- import { ComponentPropsWithoutRef } from 'react';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import './combobox-multiselect.css';
3
3
  type LabelStrings = {
4
+ aiBadgeLabel?: string;
5
+ aiPanelButton?: string;
6
+ aiPanelClose?: string;
7
+ aiPanelRefresh?: string;
4
8
  inputInstructions?: string;
5
9
  triggerButton?: string;
6
10
  };
7
- interface OptionProps {
11
+ /**
12
+ * Public option interface - what users provide to the component
13
+ */
14
+ export interface OptionProps {
15
+ badge?: 'ai';
8
16
  id: string;
9
- isAlreadySelected?: boolean;
10
17
  label: string;
11
18
  }
19
+ interface AuxiliaryPanel {
20
+ content?: ReactNode;
21
+ disableRefresh?: boolean;
22
+ isFetching?: boolean;
23
+ items?: OptionProps[];
24
+ onClose?: () => void;
25
+ onRefresh?: () => void;
26
+ }
12
27
  type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
13
28
  /**
14
29
  * Prop types for ComboboxMultiselect
15
30
  */
16
31
  export interface ComboboxMultiselectProps extends DivProps {
32
+ /**
33
+ * Optional auxiliary panel configuration (e.g., for AI suggestions)
34
+ */
35
+ auxiliaryPanel?: AuxiliaryPanel;
17
36
  /**
18
37
  * Additional class names
19
38
  */
@@ -70,14 +89,17 @@ export interface ComboboxMultiselectProps extends DivProps {
70
89
  * Is this field required?
71
90
  */
72
91
  required?: boolean;
92
+ /**
93
+ * Display all selected tags in a wrapping row instead of stacking with only the top one visible
94
+ */
95
+ showAllTags?: boolean;
73
96
  /**
74
97
  * Should the label be visible? If false, it will render for screen readers only.
75
98
  */
76
99
  showLabel?: boolean;
77
100
  }
78
- export declare const getFilteredOptions: (options: OptionProps[], selectedItems: OptionProps[], inputValue: string) => OptionProps[];
79
101
  /**
80
102
  * ComboboxMultiselect UI component
81
103
  */
82
- export declare const ComboboxMultiselect: ({ className, disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showLabel, ...props }: ComboboxMultiselectProps) => import("react/jsx-runtime").JSX.Element;
104
+ export declare const ComboboxMultiselect: ({ auxiliaryPanel, className, disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showAllTags, showLabel, ...props }: ComboboxMultiselectProps) => import("react/jsx-runtime").JSX.Element;
83
105
  export {};
@@ -0,0 +1,100 @@
1
+ import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
+ import './tags-input.css';
4
+ type LabelStrings = {
5
+ inputInstructions: string;
6
+ tagAriaLabel: string;
7
+ tagAriaLabelSimple: string;
8
+ tagRemove: string;
9
+ tagsListLabel: string;
10
+ };
11
+ /**
12
+ * Tag type
13
+ */
14
+ export type TagType = {
15
+ id: string;
16
+ value: string;
17
+ };
18
+ type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
19
+ /**
20
+ * Prop types for TagsInput
21
+ */
22
+ export interface TagsInputProps extends DivProps {
23
+ /**
24
+ * Optional placeholder text to display when the input field is empty and there are existing tags.
25
+ */
26
+ addMorePlaceholder?: string;
27
+ /**
28
+ * Additional class names
29
+ */
30
+ className?: string;
31
+ /**
32
+ * Is the field disabled?
33
+ */
34
+ disabled?: boolean;
35
+ /**
36
+ * Input ID.
37
+ */
38
+ id: string;
39
+ /**
40
+ * Minimum height in pixels for the tags input wrapper box (not including label or message). Defaults to 80px.
41
+ */
42
+ inputMinHeight?: number;
43
+ /**
44
+ * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
45
+ */
46
+ inputWidth?: number;
47
+ /**
48
+ * Should tags be sortable via drag-and-drop and keyboard shortcuts? Defaults to false.
49
+ */
50
+ isSortable?: boolean;
51
+ /**
52
+ * Input label.
53
+ */
54
+ label: string;
55
+ /**
56
+ * Input message. Used to provide supplemental text. Will be displayed below the input field.
57
+ */
58
+ message?: string | ReactNode;
59
+ /**
60
+ * onChange event handler. Called when tags change.
61
+ */
62
+ onChange: (tags: TagType[]) => void;
63
+ /**
64
+ * Optional placeholder text to display when the input field is empty and there are no tags yet.
65
+ */
66
+ placeholder?: string;
67
+ /**
68
+ * Is this field required?
69
+ */
70
+ required?: boolean;
71
+ /**
72
+ * Should the label be visible? If false, it will render for screen readers only.
73
+ */
74
+ showLabel?: boolean;
75
+ /**
76
+ * Tags array. The component is controlled and requires managing state externally.
77
+ */
78
+ tags: TagType[];
79
+ /**
80
+ * Optional tooltip text to display additional information.
81
+ */
82
+ tooltipText?: string | null;
83
+ /**
84
+ * Translation strings for various labels or other visually-hidden text.
85
+ */
86
+ translationStrings?: LabelStrings;
87
+ /**
88
+ * Validation message for the input field based on the validation status.
89
+ */
90
+ validationMessage?: string;
91
+ /**
92
+ * Validation status of the input field.
93
+ */
94
+ validationStatus?: ValidationStatus;
95
+ }
96
+ /**
97
+ * TagsInput UI component
98
+ */
99
+ export declare const TagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<HTMLInputElement>>;
100
+ export {};
@@ -1,14 +1,34 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import { StatusType } from '../../../libs/types/custom-types';
3
+ import { PDSIcon } from '../../icons/Icon/Icon';
3
4
  import './banner.css';
4
- type BannerType = Exclude<StatusType, 'success' | 'discovery'>;
5
- type Banner = {
5
+ type BannerVariant = Exclude<StatusType, 'success'> | 'neutral';
6
+ export interface BannerItemType {
7
+ /**
8
+ * Icon to display. Required for neutral type, ignored for other types.
9
+ */
10
+ iconName?: PDSIcon;
11
+ /**
12
+ * Unique identifier for the banner.
13
+ */
6
14
  id: string;
15
+ /**
16
+ * Whether the banner can be dismissed by the user.
17
+ */
7
18
  isDismissible?: boolean;
19
+ /**
20
+ * The message content of the banner.
21
+ */
8
22
  message: string | ReactNode;
23
+ /**
24
+ * Callback function called when the banner is dismissed.
25
+ */
9
26
  onDismiss?: () => void;
10
- type?: BannerType;
11
- };
27
+ /**
28
+ * The type of banner, which determines icon and color.
29
+ */
30
+ type?: BannerVariant;
31
+ }
12
32
  /**
13
33
  * Prop types for Banner
14
34
  */
@@ -16,7 +36,7 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
16
36
  /**
17
37
  * Array of banner objects
18
38
  */
19
- banners: Banner[];
39
+ banners: BannerItemType[];
20
40
  /**
21
41
  * Additional class names
22
42
  */
@@ -36,11 +56,7 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
36
56
  /**
37
57
  * Type labels
38
58
  */
39
- typeLabels?: {
40
- critical: string;
41
- info: string;
42
- warning: string;
43
- };
59
+ typeLabels?: Record<BannerVariant, string>;
44
60
  }
45
61
  /**
46
62
  * Banner UI component
@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import './toaster.css';
3
3
  declare const iconTypes: {
4
4
  readonly info: "circleInfo";
5
- readonly success: "check";
5
+ readonly success: "circleCheck";
6
6
  readonly warning: "triangleExclamation";
7
7
  readonly critical: "diamondExclamation";
8
8
  };
@@ -20,6 +20,10 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
20
20
  * Whether the expansion panel is open or not.
21
21
  */
22
22
  isOpen?: boolean;
23
+ /**
24
+ * Whether to show the border around the expansion panel.
25
+ */
26
+ showBorder?: boolean;
23
27
  /**
24
28
  * The summary label of the expansion panel.
25
29
  */
@@ -28,5 +32,5 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
28
32
  /**
29
33
  * ExpansionPanel UI component
30
34
  */
31
- export declare const ExpansionPanel: ({ children, className, id, isOpen, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
35
+ export declare const ExpansionPanel: ({ children, className, id, isOpen, showBorder, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
32
36
  export {};
@@ -1 +1 @@
1
- .pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:var(--pds-spacing-5xl);--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (min-width:768px){.pds-banner-group{--banner-height:var(--pds-spacing-4xl)}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--info,.pds-banner-group--info{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);color:var(--banner-foreground);font-size:var(--pds-typography-size-s);height:var(--banner-height);justify-content:space-between;padding-inline:var(--pds-spacing-2xl);position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:var(--pds-spacing-4xs);text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.2);color:var(--banner-foreground);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-banner__message a:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:var(--pds-border-radius-default);cursor:pointer;padding:var(--pds-spacing-3xs) var(--pds-spacing-xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.2)}.pds-banner__dismiss-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:var(--pds-spacing-3xl)}.pds-banner__navigation{display:flex;justify-content:space-between;width:100%}button.pds-banner__nav-button{color:var(--banner-foreground);height:var(--nav-button-size);margin-block:calc(var(--pds-spacing-l) + .125rem);margin-inline:var(--pds-spacing-xs);min-width:unset;padding:0;transition:var(--pds-animation-transition-button);width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}@media (min-width:768px){button.pds-banner__nav-button{margin-block:calc(var(--pds-spacing-m) - .0625rem)}}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2)}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}
1
+ .pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:3.25rem;--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (max-width:767px){.pds-banner-group{--banner-height:4rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--discovery,.pds-banner-group--discovery{--banner-background:var(--pds-color-banner-discovery-background);--banner-foreground:var(--pds-color-banner-discovery-foreground)}.pds-banner--neutral,.pds-banner-group--neutral{--banner-background:var(--pds-color-banner-neutral-background);--banner-foreground:var(--pds-color-banner-neutral-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);color:var(--banner-foreground);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--banner-height);padding-inline:var(--pds-spacing-2xl);position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-banner__content{flex:1;justify-content:center}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:var(--pds-spacing-4xs);text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.15);border-radius:var(--pds-border-radius-default);color:var(--banner-foreground);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-banner__message a:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:var(--pds-border-radius-default);cursor:pointer;flex-shrink:0;font-size:var(--pds-typography-size-xs);margin-inline-start:auto;padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.15)}.pds-banner__dismiss-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:var(--pds-spacing-3xl)}.pds-banner__navigation{align-items:center;display:flex;height:var(--banner-height);justify-content:space-between;width:100%}button.pds-banner__nav-button{border-color:transparent;color:var(--banner-foreground);height:var(--nav-button-size);margin-inline:var(--pds-spacing-xs);min-width:unset;padding:0;transition:var(--pds-animation-transition-button);width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2);border-color:transparent}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}
@@ -1 +1 @@
1
- .pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}
1
+ .pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}
@@ -1 +1 @@
1
- .pds-button-link{display:inline-block}.pds-button-link a.pds-button{text-decoration:none}.pds-button-link a.pds-button:active,.pds-button-link a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--pds-color-button-primary-foreground);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:active,.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground)}.pds-button-link a.pds-button.pds-button--subtle:active,.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground)}.pds-button-link a.pds-button.pds-button--critical:active,.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground)}.pds-button-link a.pds-button.pds-button--critical-secondary:active,.pds-button-link a.pds-button.pds-button--critical-secondary:hover{color:var(--pds-color-button-critical-secondary-foreground)}.pds-button-link a.pds-button.pds-button--brand:active,.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground)}.pds-button-link a.pds-button.pds-button--accent:active,.pds-button-link a.pds-button.pds-button--accent:hover{color:var(--pds-color-button-accent-foreground)}.pds-button-link a.pds-button.pds-button--reverse:active,.pds-button-link a.pds-button.pds-button--reverse:hover{color:var(--pds-color-button-reverse-foreground)}.pds-button-link.pds-button--full-width a{width:100%}.pds-button-group .pds-button-link a{text-align:center;width:100%}
1
+ .pds-button-link{display:inline-block}.pds-button-link a.pds-button{text-decoration:none}.pds-button-link a.pds-button:active,.pds-button-link a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--pds-color-button-primary-foreground);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:active,.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground)}.pds-button-link a.pds-button.pds-button--subtle:active,.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground)}.pds-button-link a.pds-button.pds-button--critical:active,.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground)}.pds-button-link a.pds-button.pds-button--critical-secondary:active,.pds-button-link a.pds-button.pds-button--critical-secondary:hover{color:var(--pds-color-button-critical-secondary-foreground)}.pds-button-link a.pds-button.pds-button--brand:active,.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground)}.pds-button-link a.pds-button.pds-button--accent:active,.pds-button-link a.pds-button.pds-button--accent:hover{color:var(--pds-color-button-accent-foreground)}.pds-button-link a.pds-button.pds-button--reverse:active,.pds-button-link a.pds-button.pds-button--reverse:hover{color:var(--pds-color-button-reverse-foreground)}.pds-button-link a.pds-button.pds-button--reverse-secondary:active,.pds-button-link a.pds-button.pds-button--reverse-secondary:hover{color:var(--pds-color-button-reverse-secondary-foreground)}.pds-button-link.pds-button--full-width a{width:100%}.pds-button-group .pds-button-link a{text-align:center;width:100%}
@@ -1 +1 @@
1
- .pds-button-nav{--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-inner-height:calc(var(--button-nav-total-height) - var(--button-nav-padding)*2);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s);display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-button-background-inactive);gap:var(--button-nav-gap-inline);height:var(--button-nav-total-height);list-style:none;margin:0;padding:var(--button-nav-padding)}.pds-button-nav__item,.pds-button-nav__menu{border-radius:var(--pds-border-radius-button);display:flex}.pds-button-nav__item{height:var(--button-nav-inner-height);transition:var(--pds-animation-transition-button)}.pds-button-nav__item a{align-items:center;color:var(--pds-color-segmented-button-foreground-inactive);column-gap:var(--pds-spacing-3xs);display:flex;font-family:var(--pds-typography-ff-sans);font-size:var(--button-nav-text-size);font-weight:var(--pds-typography-fw-medium);line-height:1;padding-inline:var(--button-nav-option-padding-inline);text-decoration:none;white-space:nowrap}.pds-button-nav__item:hover{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item:hover a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav__item a:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-button-nav__item--active{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item--active a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav--s{--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s)}.pds-button-nav--m{--button-nav-total-height:var(--pds-spacing-button-height-m);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-2xs);--button-nav-option-padding-inline:var(--pds-spacing-m);--button-nav-text-size:var(--pds-typography-size-m)}
1
+ .pds-button-nav{--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-inner-height:calc(var(--button-nav-total-height) - var(--button-nav-padding)*2);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s);display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-button-background-inactive);gap:var(--button-nav-gap-inline);height:var(--button-nav-total-height);list-style:none;margin:0;padding:var(--button-nav-padding)}.pds-button-nav__item,.pds-button-nav__menu{border-radius:var(--pds-border-radius-button);display:flex}.pds-button-nav__item{height:var(--button-nav-inner-height);transition:var(--pds-animation-transition-button)}.pds-button-nav__item a{align-items:center;color:var(--pds-color-segmented-button-foreground-inactive);column-gap:var(--pds-spacing-3xs);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-nav-text-size);font-weight:var(--pds-typography-fw-medium);line-height:1;padding-inline:var(--button-nav-option-padding-inline);text-decoration:none;white-space:nowrap}.pds-button-nav__item:hover{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item:hover a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav__item a:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-button-nav__item--active{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item--active a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav--s{--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s)}.pds-button-nav--m{--button-nav-total-height:var(--pds-spacing-button-height-m);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-2xs);--button-nav-option-padding-inline:var(--pds-spacing-m);--button-nav-text-size:var(--pds-typography-size-m)}
@@ -1,6 +1,6 @@
1
1
  .pds-button{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s);--button-background-color:var(--pds-color-button-primary-background-default);--button-background-color-hover:var(
2
2
  --pds-color-button-primary-background-hover
3
- );--button-foreground-color:var(--pds-color-button-primary-foreground);--button-border-color:var(--pds-color-button-primary-background-default);--button-border-color-hover:var(--pds-color-button-primary-background-hover);align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-sans);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button:disabled{cursor:not-allowed;opacity:40%}.pds-button:active:enabled,.pds-button:hover:enabled{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover)}.pds-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-button__icon{flex-shrink:0}.pds-button--full-width{width:100%}.pds-button--xs{--button-font-size:var(--pds-typography-size-xs);--button-height:var(--pds-spacing-button-height-xs);--button-padding-inline:var(--pds-spacing-button-padding-inline-xs);--button-gap-inline:var(--pds-spacing-button-gap-inline-xs)}.pds-button--s{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);-button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.pds-button--m{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m)}.pds-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l)}.pds-button--xl{--button-font-size:var(--pds-typography-size-xl);--button-height:var(--pds-spacing-button-height-xl);--button-padding-inline:var(--pds-spacing-button-padding-inline-xl);--button-gap-inline:var(--pds-spacing-button-gap-inline-xl)}.pds-button--secondary{--button-background-color:var(
3
+ );--button-foreground-color:var(--pds-color-button-primary-foreground);--button-border-color:var(--pds-color-button-primary-background-default);--button-border-color-hover:var(--pds-color-button-primary-background-hover);align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button:disabled{cursor:not-allowed;opacity:40%}.pds-button:active:enabled,.pds-button:hover:enabled{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover)}.pds-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-button__icon{flex-shrink:0}.pds-button--full-width{width:100%}.pds-button--xs{--button-font-size:var(--pds-typography-size-xs);--button-height:var(--pds-spacing-button-height-xs);--button-padding-inline:var(--pds-spacing-button-padding-inline-xs);--button-gap-inline:var(--pds-spacing-button-gap-inline-xs)}.pds-button--s{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);-button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.pds-button--m{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m)}.pds-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l)}.pds-button--xl{--button-font-size:var(--pds-typography-size-xl);--button-height:var(--pds-spacing-button-height-xl);--button-padding-inline:var(--pds-spacing-button-padding-inline-xl);--button-gap-inline:var(--pds-spacing-button-gap-inline-xl)}.pds-button--secondary{--button-background-color:var(
4
4
  --pds-color-button-secondary-background-default
5
5
  );--button-background-color-hover:var(
6
6
  --pds-color-button-secondary-background-hover
@@ -28,6 +28,12 @@
28
28
  --pds-color-button-accent-background-hover
29
29
  );--button-foreground-color:var(--pds-color-button-accent-foreground);--button-border-color:var(--pds-color-button-accent-background-default);--button-border-color-hover:var(--pds-color-button-accent-background-hover)}.pds-button--accent .pds-button__working-indicator{--spinner-color-1:var(--button-foreground-color);--spinner-color-2:color-mix(in oklch,var(--button-foreground-color) 50%,transparent);--spinner-color-3:transparent}.pds-button--reverse{--button-background-color:var(--pds-color-button-reverse-background-default);--button-background-color-hover:var(
30
30
  --pds-color-button-reverse-background-hover
31
- );--button-foreground-color:var(--pds-color-button-reverse-foreground);--button-border-color:var(--pds-color-button-reverse-background-default);--button-border-color-hover:var(--pds-color-button-reverse-background-hover)}.pds-button--navbar{--button-background-color:var(--pds-color-button-navbar-background-default);--button-background-color-hover:var(
31
+ );--button-foreground-color:var(--pds-color-button-reverse-foreground);--button-border-color:var(--pds-color-button-reverse-background-default);--button-border-color-hover:var(--pds-color-button-reverse-background-hover)}.pds-button--reverse-secondary{--button-background-color:var(
32
+ --pds-color-button-reverse-secondary-background-default
33
+ );--button-background-color-hover:var(
34
+ --pds-color-button-reverse-secondary-background-hover
35
+ );--button-foreground-color:var(
36
+ --pds-color-button-reverse-secondary-foreground
37
+ );--button-border-color:var(--pds-color-button-reverse-secondary-border);--button-border-color-hover:var(--pds-color-button-reverse-secondary-border)}.pds-button--navbar{--button-background-color:var(--pds-color-button-navbar-background-default);--button-background-color-hover:var(
32
38
  --pds-color-button-navbar-background-hover
33
39
  );--button-foreground-color:var(--pds-color-button-navbar-foreground);--button-border-color:var(--pds-color-button-navbar-background-default);--button-border-color-hover:var(--pds-color-button-navbar-background-hover)}.pds-button--navbar:active:enabled,.pds-button--navbar:hover:enabled{color:var(--pds-color-fg-default-secondary)}.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding-inline:0;padding:0;transition:var(--pds-animation-transition-button)}.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button--loading{cursor:not-allowed}.pds-button--loading:active,.pds-button--loading:hover:enabled{--button-background-color:var(--pulse-regular-base-color);--button-border-color:var(--pulse-regular-base-color)}.pds-button--loading.pds-pulse{background-color:var(--pulse-regular-base-color);border-color:var(--pulse-regular-base-color);color:transparent}.pds-button--loading .pds-button__icon,.pds-button--loading .pds-button__working-indicator{opacity:0}.pds-button-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m);width:100%}@media (min-width:768px){.pds-button-group{column-gap:var(--pds-spacing-m);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-l)}}
@@ -1 +1 @@
1
- .pds-callout{--callout--color:var(--pds-color-fg-default-secondary);border:var(--pds-border-width-default) solid var(--callout--color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-sans);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__title{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-m)}.pds-callout--info{--callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--callout--color:var(--pds-color-brand-accent-default)}
1
+ .pds-callout{--callout--color:var(--pds-color-fg-default-secondary);border:var(--pds-border-width-default) solid var(--callout--color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__title{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-m)}.pds-callout--info{--callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--callout--color:var(--pds-color-brand-accent-default)}
@@ -1 +1 @@
1
- .pds-card-select-group{border:none;color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-sans);margin-inline:0;padding:0;padding-block-start:var(--pds-spacing-3xs)}.pds-card-select-group__legend{display:block;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);text-align:left}.pds-card-select-group__legend--center{text-align:center}.pds-card-select-group__option input[type=radio]{appearance:none}.pds-card-select-group__option-label{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-raised);column-gap:var(--pds-spacing-s);display:inline-flex;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);height:100%;margin-block-end:0;padding:var(--pds-spacing-m);width:100%}.pds-card-select-group__option-label--selected,.pds-card-select-group__option-label:hover{background-color:var(--pds-color-interactive-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-border-input)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);margin-block-start:var(--pds-spacing-3xs)}
1
+ .pds-card-select-group{border:none;color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default);margin-inline:0;padding:0;padding-block-start:var(--pds-spacing-3xs)}.pds-card-select-group__legend{display:block;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);text-align:left}.pds-card-select-group__legend--center{text-align:center}.pds-card-select-group__option input[type=radio]{appearance:none}.pds-card-select-group__option-label{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-raised);column-gap:var(--pds-spacing-s);display:inline-flex;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);height:100%;margin-block-end:0;padding:var(--pds-spacing-m);width:100%}.pds-card-select-group__option-label--selected,.pds-card-select-group__option-label:hover{background-color:var(--pds-color-interactive-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-border-input)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);margin-block-start:var(--pds-spacing-3xs)}
@@ -1,2 +1,2 @@
1
- .pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-neutral-200);border-radius:3px;color:var(--pds-color--neutral-500);display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-2xs);justify-content:center;line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-3xs) var(--pds-spacing-xs);text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-neutral-300)}.pds-combobox-multi__selected-item:focus-visible{outline:none}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;width:14px}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-fg-default)}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);column-gap:var(--pds-spacing-xs);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);justify-content:space-between;padding-inline:var(--pds-spacing-s);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-combobox-multi__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__counter{display:inline-block;height:24px;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{width:8px}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{background:var(--pds-color-neutral-200);border-radius:3px;box-shadow:-3px 0 0 0 var(--pds-color-neutral-000);height:24px}.pds-combobox-multi__counter-item{align-items:center;color:var(--pds-color--neutral-500);display:flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;width:20.5px}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;flex-grow:1;height:var(--pds-spacing-xl);justify-content:flex-end;margin-inline-start:auto}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__trigger[aria-expanded=true]
2
- .pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);display:flex;flex-direction:column;margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown:focus-visible{outline:none}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:var(--pds-spacing-xs);display:flex;gap:var(--pds-spacing-s);padding:var(--pds-spacing-s) var(--pds-spacing-m);position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox-multi__dropdown-item{padding:var(--pds-spacing-s) var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:6px;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-icon{color:var(--pds-color-status-success-foreground)}.pds-combobox-multi__loading,.pds-combobox-multi__no-results{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}
1
+ .pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi--show-all-tags .pds-combobox-multi__input-wrapper{align-items:flex-start;height:auto;min-height:var(--pds-spacing-input-height-s);padding-block:var(--pds-spacing-4xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper{display:flex;flex-wrap:wrap;gap:var(--pds-spacing-2xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:inline-flex}.pds-combobox-multi--show-all-tags .pds-combobox-multi__trigger{align-self:flex-start;margin-block-start:var(--pds-spacing-5xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__ai-button{inset-block-start:.3125rem}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-input-tag-background-default);border-radius:.1875rem;color:var(--pds-color-input-tag-foreground-default);display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-3xs);justify-content:center;line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-5xs) var(--pds-spacing-2xs);text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-input-tag-background-hover)}.pds-combobox-multi__selected-item:focus-visible{outline:none}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;height:1rem;justify-content:center;width:.875rem}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-fg-default)}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);box-sizing:border-box;column-gap:var(--pds-spacing-2xs);display:flex;gap:var(--pds-spacing-2xs);height:var(--pds-spacing-input-height-s);justify-content:space-between;overflow:hidden;padding-block:0;padding-inline:var(--pds-spacing-3xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-combobox-multi__input-wrapper:focus{outline:none}.pds-combobox-multi__input-wrapper:focus-visible,.pds-combobox-multi__input-wrapper[data-focus-method=keyboard]:focus{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__input-wrapper:has(:focus-visible){border-color:var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__counter{display:inline-block;height:1.5rem;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{background-color:var(--pds-color-input-tag-background-default);width:.5rem}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{border-radius:.1875rem;box-shadow:-3px 0 0 0 var(--pds-color-bg-default);height:1.5rem}.pds-combobox-multi__counter-item{align-items:center;background:var(--pds-color-input-tag-background-default);color:var(--pds-color-input-tag-foreground-default);display:flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;width:1.28125rem}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;flex-grow:1;height:100%;justify-content:flex-end;margin-inline-start:auto}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__trigger[aria-expanded=true]
2
+ .pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:var(--pds-spacing-2xs);max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown:focus-visible{outline:none}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:var(--pds-spacing-2xs);display:flex;gap:var(--pds-spacing-xs);padding:var(--pds-spacing-xs) var(--pds-spacing-m);position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox-multi__dropdown-item{padding:var(--pds-spacing-xs) var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:.375rem;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-text{align-items:center;display:flex;gap:var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-badge{align-items:center;background-color:var(--pds-color-category-ai-background);border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);display:inline-flex;font-size:var(--pds-typography-size-xs);gap:var(--pds-spacing-4xs);padding:var(--pds-spacing-6xs) var(--pds-spacing-3xs)}.pds-combobox-multi__dropdown-item-icon{color:var(--pds-color-status-success-foreground)}.pds-combobox-multi__loading,.pds-combobox-multi__no-results{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}.pds-combobox-multi__ai-button{align-items:center;background-color:var(--pds-color-category-ai-background);border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);cursor:pointer;display:flex;height:1.5rem;inset-block-start:.375rem;inset-inline-end:calc(var(--pds-spacing-3xl)*.9);justify-content:center;min-height:1.5rem;min-width:1.5rem;position:absolute;transition:opacity .2s ease;width:1.5rem;z-index:1}.pds-combobox-multi__ai-button:hover{opacity:.8}.pds-combobox-multi__ai-button:disabled{cursor:not-allowed;opacity:.5}.pds-combobox-multi__ai-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__ai-icon{color:var(--pds-color-category-ai-foreground);font-size:.875rem;pointer-events:none}.pds-combobox-multi__aux-panel{align-items:center;background-color:var(--pds-color-bg-default-secondary);border:none;border-radius:var(--pds-border-radius-default);box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--pds-spacing-xs);padding:var(--pds-spacing-xs) var(--pds-spacing-s);position:absolute}.pds-combobox-multi__aux-panel-content{align-items:center;display:flex;flex:1;gap:var(--pds-spacing-xs)}.pds-combobox-multi__aux-panel-header{align-items:center;display:flex;gap:var(--pds-spacing-xs);margin-inline-start:auto}.pds-combobox-multi__aux-panel-icon{color:var(--pds-color-fg-default-secondary);flex-shrink:0}.pds-combobox-multi__aux-panel-button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-xl);justify-content:center;padding:0;transition:background-color .2s ease;width:var(--pds-spacing-xl)}.pds-combobox-multi__aux-panel-button:hover{background-color:var(--pds-color-bg-default);color:var(--pds-color-fg-default)}.pds-combobox-multi__aux-panel-button:disabled{cursor:not-allowed}.pds-combobox-multi__aux-panel-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__aux-panel-button-icon--rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-combobox-multi__aux-panel-items{display:flex;flex:1;flex-wrap:wrap;gap:var(--pds-spacing-xs);padding-inline-start:var(--pds-spacing-3xs)}.pds-combobox-multi__aux-panel-item{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid transparent;border-radius:.1875rem;color:var(--pds-color-fg-default);cursor:pointer;display:inline-flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);justify-content:center;line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);text-wrap:nowrap;transition:background-color .2s ease,border-color .2s ease}.pds-combobox-multi__aux-panel-item:hover{background-color:var(--pds-color-category-ai-background);border-color:var(--pds-color-category-ai-foreground)}.pds-combobox-multi__aux-panel-item:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__aux-panel-item--selected{border-color:var(--pds-color-category-ai-foreground)}.pds-combobox-multi__aux-panel-content{padding:var(--pds-spacing-3xs) var(--pds-spacing-6xs)}
@@ -1 +1 @@
1
- .pds-compact-empty-state{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-sans);padding-block:var(--pds-spacing-5xl);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-fg-default-secondary)}.pds-compact-empty-state__heading{display:block;margin-block-end:var(--pds-spacing-3xs)}.pds-compact-empty-state__message{color:var(--pds-color-text-default-secondary);font-size:var(--pds-typography-size-m);margin-block-end:0;margin-inline:auto;max-width:600px;text-wrap:pretty}
1
+ .pds-compact-empty-state{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);padding-block:var(--pds-spacing-5xl);row-gap:var(--pds-spacing-xl);text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-fg-default-secondary)}.pds-compact-empty-state__heading{display:block;margin-block-end:var(--pds-spacing-3xs)}.pds-compact-empty-state__message{color:var(--pds-color-text-default-secondary);font-size:var(--pds-typography-size-m);margin-block-end:0;margin-inline:auto;max-width:600px;text-wrap:pretty}
@@ -1 +1 @@
1
- .pds-comparison-list{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-sans)}.pds-comparison-list__intro{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-xl)}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:var(--pds-spacing-m)}.pds-comparison-list__list-item{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--pds-spacing-s);display:grid;font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-m);grid-template-columns:1rem auto;padding-block-end:var(--pds-spacing-s)}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-fg-default-secondary)}.pds-comparison-list__item-icon-wrapper{position:relative}.pds-comparison-list__item-icon{position:absolute;top:1px}.pds-comparison-list__more-link{margin-block-start:var(--pds-spacing-l)}
1
+ .pds-comparison-list{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default)}.pds-comparison-list__intro{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-xl)}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:var(--pds-spacing-m)}.pds-comparison-list__list-item{border-bottom:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--pds-spacing-s);display:grid;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-m);grid-template-columns:1rem auto;padding-block-end:var(--pds-spacing-s)}.pds-comparison-list__list-item--notIncluded{color:var(--pds-color-fg-default-secondary)}.pds-comparison-list__item-icon-wrapper{position:relative}.pds-comparison-list__item-icon{position:absolute;top:1px}.pds-comparison-list__more-link{margin-block-start:var(--pds-spacing-l)}.pds-comparison-list--no-border .pds-comparison-list__list-item{border-bottom:none}
@@ -1 +1 @@
1
- .pds-cta-link{--cta-link-size:var(--pds-typography-size-l);--cta-link-color:var(--pds-color-brand-primary-default);display:inline-flex;padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:var(--pds-typography-ff-sans);font-size:var(--cta-link-size);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);left:var(--pds-spacing-s);position:relative;top:.0625rem;transition:var(--pds-animation-transition-link)}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:hover .pds-cta-link__icon{left:var(--pds-spacing-s)}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--sm{--cta-link-size:var(--pds-typography-size-m)}.pds-link-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}
1
+ .pds-cta-link{--cta-link-size:var(--pds-typography-size-l);--cta-link-color:var(--pds-color-brand-primary-default);display:inline-flex;padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:var(--pds-typography-ff-default);font-size:var(--cta-link-size);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);left:var(--pds-spacing-s);position:relative;top:.0625rem;transition:var(--pds-animation-transition-link)}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:hover .pds-cta-link__icon{left:var(--pds-spacing-s)}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--sm{--cta-link-size:var(--pds-typography-size-m)}.pds-link-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}
@@ -1,5 +1,5 @@
1
1
  .pds-dashboard-nav{--dashboard-nav-icon-width:var(--pds-spacing-xl);--dashboard-nav-space-after-icon:var(--pds-spacing-s);--dashboard-nav-foreground-color:var(
2
2
  --pds-color-dashboard-nav-item-foreground-default
3
- );--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-sans)}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--dashboard-nav-outline-color);outline-offset:-1px}.pds-dashboard-nav .pds-icon{pointer-events:none}.pds-dashboard-nav__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-dashboard-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:var(--pds-spacing-m)}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--dashboard-nav-foreground-color:var(
3
+ );--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:var(--pds-typography-ff-default)}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--dashboard-nav-outline-color);outline-offset:-1px}.pds-dashboard-nav .pds-icon{pointer-events:none}.pds-dashboard-nav__logo{box-sizing:content-box;margin-block-end:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-dashboard-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:var(--pds-spacing-m)}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--dashboard-nav-foreground-color:var(
4
4
  --pds-color-dashboard-nav-item-foreground-active
5
- );--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:1px;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:4px;transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--dashboard-nav-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-dashboard-nav__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__logo svg{width:1.25rem}.pds-dashboard-nav--collapsed .pds-dashboard-nav__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:none}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--collapsed .pds-dashboard-nav__item-wrapper a{width:2.875rem}.pds-dashboard-nav__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-dashboard-nav__flyout-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)}.pds-dashboard-nav__menu--second-level-flyout{row-gap:0}.pds-dashboard-nav__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-dashboard-nav__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:4px;transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-dashboard-nav .pds-dropdown-menu .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-dashboard-nav .pds-dropdown-menu__item a{padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
5
+ );--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:var(--pds-border-radius-container);display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:1px;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:4px;transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);color:var(--dashboard-nav-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-dashboard-nav__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__logo svg{width:1.25rem}.pds-dashboard-nav--collapsed .pds-dashboard-nav__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:none}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--collapsed .pds-dashboard-nav__item-wrapper a{width:2.875rem}.pds-dashboard-nav__flyout{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-dashboard-nav__menu--second-level-flyout{row-gap:0}.pds-dashboard-nav__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);font-size:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-dashboard-nav__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:4px;transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-dashboard-nav .pds-dropdown-menu .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-dashboard-nav .pds-dropdown-menu__item a{padding-block:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
@@ -1,3 +1,3 @@
1
- .pds-datepicker{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-sans)}.pds-datepicker__input-wrapper{column-gap:var(--pds-spacing-s);row-gap:var(--pds-spacing-xs);width:100%}.pds-datepicker__input-wrapper,.pds-datepicker__presets{align-items:center;display:flex}.pds-datepicker__presets .pds-segmented-button__label-text{font-weight:var(--pds-typography-fw-regular)}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__option label{border-color:var(--pds-color-border-input);opacity:1}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__label-text{color:var(--pds-color-fg-default);opacity:.5}.pds-datepicker__trigger{align-items:center;background:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);cursor:pointer;display:flex;font-size:var(--pds-typography-size-m);gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-s);justify-content:space-between;min-width:10rem;padding:var(--pds-spacing-s);width:100%}.pds-datepicker__trigger:disabled{cursor:not-allowed}.pds-datepicker__trigger:focus{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-datepicker__trigger-text{align-items:center;display:flex;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pds-datepicker__trigger-text--placeholder{color:var(--pds-color-fg-default-secondary)}.pds-datepicker__trigger-icon{color:var(--pds-color-fg-default);flex-shrink:0;margin-block-start:-1px}.pds-datepicker__separator{padding-inline:var(--pds-spacing-s)}.pds-datepicker__popover{background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);overflow:hidden;z-index:var(--pds-z-index-overlay)}.pds-datepicker__calendar{background-color:var(--pds-color-bg-default);padding:var(--pds-spacing-s)}.pds-datepicker__actions{display:flex;gap:var(--pds-spacing-s);justify-content:flex-end;padding:0 var(--pds-spacing-m) var(--pds-spacing-m) 0}.pds-datepicker__actions button.pds-button.pds-button--sm{font-size:calc(var(--pds-typography-size-s)*.9);font-weight:var(--pds-typography-fw-medium);padding:calc(var(--pds-spacing-button-padding-block-s)*.8) calc(var(--pds-spacing-button-padding-inline-s)*.9)}.pds-datepicker{--day-size:2rem}.pds-datepicker .rdp-root{--rdp-accent-color:var(--pds-color-datepicker-accent-foreground);--rdp-range_middle-background-color:var(
1
+ .pds-datepicker{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default)}.pds-datepicker__input-wrapper{column-gap:var(--pds-spacing-s);row-gap:var(--pds-spacing-xs);width:100%}.pds-datepicker__input-wrapper,.pds-datepicker__presets{align-items:center;display:flex}.pds-datepicker__presets .pds-segmented-button__label-text{font-weight:var(--pds-typography-fw-regular)}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__option label{border-color:var(--pds-color-border-input);opacity:1}.pds-datepicker__presets .pds-segmented-button.pds-is-disabled .pds-segmented-button__label-text{color:var(--pds-color-fg-default);opacity:.5}.pds-datepicker__trigger{align-items:center;background:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);cursor:pointer;display:flex;font-size:var(--pds-typography-size-m);gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-s);justify-content:space-between;min-width:10rem;padding:var(--pds-spacing-s);width:100%}.pds-datepicker__trigger:disabled{cursor:not-allowed}.pds-datepicker__trigger:focus{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-datepicker__trigger-text{align-items:center;display:flex;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pds-datepicker__trigger-text--placeholder{color:var(--pds-color-fg-default-secondary)}.pds-datepicker__trigger-icon{color:var(--pds-color-fg-default);flex-shrink:0;margin-block-start:-1px}.pds-datepicker__separator{padding-inline:var(--pds-spacing-s)}.pds-datepicker__popover{background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);overflow:hidden;z-index:var(--pds-z-index-overlay)}.pds-datepicker__calendar{background-color:var(--pds-color-bg-default);padding:var(--pds-spacing-s)}.pds-datepicker__actions{display:flex;gap:var(--pds-spacing-s);justify-content:flex-end;padding:0 var(--pds-spacing-m) var(--pds-spacing-m) 0}.pds-datepicker__actions button.pds-button.pds-button--sm{font-size:calc(var(--pds-typography-size-s)*.9);font-weight:var(--pds-typography-fw-medium);padding:calc(var(--pds-spacing-button-padding-block-s)*.8) calc(var(--pds-spacing-button-padding-inline-s)*.9)}.pds-datepicker{--day-size:2rem}.pds-datepicker .rdp-root{--rdp-accent-color:var(--pds-color-datepicker-accent-foreground);--rdp-range_middle-background-color:var(
2
2
  --pds-color-datepicker-range-background
3
3
  );--rdp-today-color:var(--pds-color-fg-default);--rdp-day-height:var(--day-size);--rdp-day-width:var(--day-size);--rdp-day_button-height:var(--day-size);--rdp-day_button-width:var(--day-size)}.pds-datepicker .rdp-month_caption{margin-block-end:var(--pds-spacing-xs)}.pds-datepicker .rdp-caption_label{font-size:var(--pds-typography-size-m)}.pds-datepicker .rdp-caption_label,.pds-datepicker .rdp-weekday{color:var(--pds-color-fg-default-secondary);font-weight:var(--pds-typography-fw-regular)}.pds-datepicker .rdp-weekday{font-size:var(--pds-typography-size-s);opacity:1}.pds-datepicker .rdp-week{border:var(--pds-spacing-3xs) solid var(--pds-color-bg-default)}.pds-datepicker .rdp-day{padding-inline:var(--pds-spacing-4xs)}.pds-datepicker .rdp-day_button{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-datepicker .rdp-day_button:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-datepicker .rdp-selected:not(.rdp-range_middle) .rdp-day_button{background-color:var(--pds-color-datepicker-selected-background);border-radius:50%;color:var(--pds-color-datepicker-selected-foreground)}.pds-datepicker .rdp-today .rdp-day_button{border:var(--pds-border-width-default) solid var(--pds-color-fg-default-secondary);border-radius:50%;height:calc(var(--day-size) - 1px);width:calc(var(--day-size) - 1px)}.pds-datepicker .rdp-button_next,.pds-datepicker .rdp-button_previous{color:var(--pds-color-fg-default-secondary)}.pds-datepicker .rdp-button_next:hover,.pds-datepicker .rdp-button_previous:hover{color:var(--pds-color-segmented-button-foreground-hover)}.pds-datepicker .rdp-button_next:focus-visible,.pds-datepicker .rdp-button_previous:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}@media (max-width:767px){.pds-datepicker__input-wrapper{align-items:stretch;flex-direction:column}.pds-datepicker__presets{width:100%}.pds-datepicker__presets .pds-segmented-button{display:block;margin-inline:-.0125rem;min-width:0;width:100%}.pds-datepicker__presets .pds-segmented-button__options{display:flex;width:100%}.pds-datepicker__presets .pds-segmented-button__option{flex:1;min-width:0}.pds-datepicker__presets .pds-segmented-button__option label{justify-content:center;overflow:hidden;text-overflow:ellipsis;width:100%}.pds-datepicker__presets .pds-segmented-button__option:not(:first-child) label{border-left:0}.pds-datepicker__presets .pds-segmented-button__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-datepicker .rdp-root .rdp-months{flex-direction:column}}
@@ -1 +1 @@
1
- .pds-expansion-panel details{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);gap:var(--pds-spacing-l);justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-m);transition:var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-expansion-panel details[open]>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:var(--pds-spacing-s) var(--pds-spacing-m)}
1
+ .pds-expansion-panel details{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);gap:var(--pds-spacing-l);justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-m);transition:var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-expansion-panel details[open]>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:var(--pds-spacing-s) var(--pds-spacing-m)}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}
@@ -1,6 +1,6 @@
1
1
  .pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-default);display:flex;gap:var(--pds-spacing-s);column-gap:var(--pds-spacing-3xs);cursor:pointer;height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-3xs) var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-file-upload__input-wrapper .pds-input-decorator{margin-inline-start:var(--pds-spacing-3xs)}.pds-file-upload__input::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload__input{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);text-align:left;width:100%}.pds-file-upload__input:focus{outline:none}.pds-file-upload__input-label{all:unset;align-items:center;background-color:var(
2
2
  --pds-color-input-file-upload-button-background-default
3
- );border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-2xs);letter-spacing:0;line-height:1;padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
3
+ );border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-2xs);letter-spacing:0;line-height:1;padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
4
4
  --pds-color-input-file-upload-button-background-hover
5
5
  )}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label{cursor:not-allowed}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label:hover{background-color:var(
6
6
  --pds-color-input-file-upload-button-background-default
@@ -1 +1 @@
1
- ol.pds-flow-steps{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-sans);list-style:none;padding:0;row-gap:var(--pds-spacing-2xl)}@media (min-width:1280px){ol.pds-flow-steps--horizontal{display:grid;grid-template-columns:repeat(var(--flow-steps-columns,1),1fr);grid-gap:var(--pds-spacing-2xl)}}ol.pds-flow-steps--indented li{column-gap:var(--pds-spacing-xs);display:flex}.pds-flow-steps__header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-flow-steps__number{align-items:center;background-color:var(--pds-color-bg-reverse);border-radius:50%;color:var(--pds-color-fg-reverse);display:flex;flex-shrink:0;font-family:var(--pds-typography-ff-sans);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);height:var(--pds-spacing-l);justify-content:center;line-height:90%;padding:1px;width:var(--pds-spacing-l)}.pds-flow-steps__number span{padding-block-start:1px}.pds-flow-steps__content{padding-block-start:var(--pds-spacing-s)}.pds-flow-steps__header-group{column-gap:var(--pds-spacing-xs);display:flex}.pds-flow-steps__content-group{overflow-x:hidden;width:100%}
1
+ ol.pds-flow-steps{display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);list-style:none;padding:0;row-gap:var(--pds-spacing-2xl)}@media (min-width:1280px){ol.pds-flow-steps--horizontal{display:grid;grid-template-columns:repeat(var(--flow-steps-columns,1),1fr);grid-gap:var(--pds-spacing-2xl)}}ol.pds-flow-steps--indented li{column-gap:var(--pds-spacing-xs);display:flex}.pds-flow-steps__header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-flow-steps__number{align-items:center;background-color:var(--pds-color-bg-reverse);border-radius:50%;color:var(--pds-color-fg-reverse);display:flex;flex-shrink:0;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);height:var(--pds-spacing-l);justify-content:center;line-height:90%;padding:1px;width:var(--pds-spacing-l)}.pds-flow-steps__number span{padding-block-start:1px}.pds-flow-steps__content{padding-block-start:var(--pds-spacing-s)}.pds-flow-steps__header-group{column-gap:var(--pds-spacing-xs);display:flex}.pds-flow-steps__content-group{overflow-x:hidden;width:100%}
@@ -1 +1 @@
1
- .pds-footer-links{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-sans)}.pds-footer-links__list{display:flex;flex-direction:column;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-m)}.pds-footer-links__item a{color:var(--pds-color-fg-default);text-decoration:none}.pds-footer-links__item a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}
1
+ .pds-footer-links{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default)}.pds-footer-links__list{display:flex;flex-direction:column;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-m)}.pds-footer-links__item a{color:var(--pds-color-fg-default);text-decoration:none}.pds-footer-links__item a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}
@@ -1 +1 @@
1
- .pds-horizontal-empty-state{color:var(--pds-color-text-default);display:flex;font-family:var(--pds-typography-ff-sans);gap:var(--pds-spacing-2xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__content{width:72%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__media{width:28%}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state--isMobile{flex-direction:column}.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__media{width:100%}
1
+ .pds-horizontal-empty-state{color:var(--pds-color-text-default);display:flex;font-family:var(--pds-typography-ff-default);gap:var(--pds-spacing-2xl);width:100%}.pds-horizontal-empty-state--top{align-items:flex-start}.pds-horizontal-empty-state--center{align-items:center}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;row-gap:var(--pds-spacing-xl);width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__content{width:72%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__media{width:28%}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state--isMobile{flex-direction:column}.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__media{width:100%}
@@ -1 +1 @@
1
- .icon-story-container{container-type:inline-size;margin-block:2rem 4rem!important}.icon-story-columns{margin-block-start:2rem!important}@container (width > 32rem){.icon-story-columns{column-gap:5rem;columns:2}}@container (width > 48rem){.icon-story-columns{column-count:3}}.icon-story-list-item{margin-block-end:1.5rem!important}.icon-story-list-item:first-child{margin-block-start:-1rem!important}
1
+ .icon-story-container{container-type:inline-size;margin-block:2rem 4rem!important}.icon-story-columns{margin-block-start:2rem!important}@container (width > 32rem){.icon-story-columns{column-gap:5rem;columns:2}}@container (width > 48rem){.icon-story-columns{column-count:3}}.icon-story-list-item{margin-block-end:2rem!important}.icon-story-list-item:first-child{margin-block-start:-1rem!important}
@@ -0,0 +1 @@
1
+ .pds-icon{--icon-detail-color:var(--pds-color-bg-default);display:inline-block;flex-shrink:0;overflow:visible;vertical-align:middle}