@pantheon-systems/pds-toolkit-react 1.0.0-dev.9998 → 1.0.0

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 (192) hide show
  1. package/README.md +1 -1
  2. package/_dist/components/Avatar/Avatar.d.ts +6 -6
  3. package/_dist/components/BranchDiff/BranchDiff.d.ts +10 -10
  4. package/_dist/components/CTALink/CTALink.d.ts +6 -6
  5. package/_dist/components/CTASlice/CTASlice.d.ts +7 -7
  6. package/_dist/components/Callout/Callout.d.ts +9 -8
  7. package/_dist/components/Callout/sample-callout-content.d.ts +1 -2
  8. package/_dist/components/CodeBlock/CodeBlock.d.ts +6 -6
  9. package/_dist/components/ComparisonList/ComparisonList.d.ts +7 -7
  10. package/_dist/components/DashboardStat/DashboardStat.d.ts +11 -11
  11. package/_dist/components/FileDiff/FileDiff.d.ts +11 -11
  12. package/_dist/components/FlowSteps/FlowSteps.d.ts +10 -10
  13. package/_dist/components/FlowSteps/example-steps.d.ts +3 -4
  14. package/_dist/components/LinkNewWindow/LinkNewWindow.d.ts +6 -6
  15. package/_dist/components/Modal/Modal.d.ts +6 -6
  16. package/_dist/components/Pagination/Pagination.d.ts +8 -8
  17. package/_dist/components/PantheonLogo/PantheonLogo.d.ts +6 -6
  18. package/_dist/components/PantheonLogo/pantheon-logo-data.d.ts +3 -4
  19. package/_dist/components/Picture/Picture.d.ts +15 -15
  20. package/_dist/components/Popover/Popover.d.ts +22 -23
  21. package/_dist/components/PullQuote/PullQuote.d.ts +7 -7
  22. package/_dist/components/RefreshChecker/RefreshChecker.d.ts +10 -10
  23. package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +17 -12
  24. package/_dist/components/Skiplink/Skiplink.d.ts +6 -6
  25. package/_dist/components/SocialLinks/SocialLinks.d.ts +8 -8
  26. package/_dist/components/StatusIndicator/StatusIndicator.d.ts +8 -7
  27. package/_dist/components/Table/Table.d.ts +9 -9
  28. package/_dist/components/TableOfContents/TableOfContents.d.ts +9 -9
  29. package/_dist/components/Tabs/Tabs.d.ts +15 -15
  30. package/_dist/components/Tag/Tag.d.ts +8 -8
  31. package/_dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +9 -9
  32. package/_dist/components/Tooltip/Tooltip.d.ts +7 -7
  33. package/_dist/components/VideoEmbed/VideoEmbed.d.ts +6 -6
  34. package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +7 -7
  35. package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +8 -7
  36. package/_dist/components/badges/Tally/Tally.d.ts +8 -8
  37. package/_dist/components/buttons/Button/Button.d.ts +11 -10
  38. package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +8 -8
  39. package/_dist/components/buttons/ClipboardButton/ClipboardButton.d.ts +6 -6
  40. package/_dist/components/buttons/CloseButton/CloseButton.d.ts +6 -6
  41. package/_dist/components/buttons/IconButton/IconButton.d.ts +12 -11
  42. package/_dist/components/buttons/MenuButton/MenuButton.d.ts +11 -11
  43. package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +13 -14
  44. package/_dist/components/buttons/SplitButton/SplitButton.d.ts +9 -9
  45. package/_dist/components/buttons/SplitButton/split-button-sample-data.d.ts +1 -2
  46. package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts +25 -11
  47. package/_dist/components/cards/Card/Card.d.ts +7 -7
  48. package/_dist/components/cards/CardHeading/CardHeading.d.ts +6 -7
  49. package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +10 -10
  50. package/_dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +7 -7
  51. package/_dist/components/cards/LinksCard/LinksCard.d.ts +7 -7
  52. package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +12 -12
  53. package/_dist/components/cards/PaymentCard/PaymentCard.d.ts +16 -16
  54. package/_dist/components/cards/PricingCard/PricingCard.d.ts +22 -22
  55. package/_dist/components/cards/SiteCard/SiteCard.d.ts +13 -8
  56. package/_dist/components/empty-states/CompactEmptyState/CompactEmptyState.d.ts +9 -9
  57. package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +27 -27
  58. package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts +15 -15
  59. package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +7 -7
  60. package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +7 -7
  61. package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +11 -11
  62. package/_dist/components/footer/SiteFooter/footer-content.d.ts +1 -2
  63. package/_dist/components/icons/Icon/Icon.d.ts +19 -8
  64. package/_dist/components/icons/PaymentIcon/PaymentIcon.d.ts +6 -6
  65. package/_dist/components/icons/PaymentIcon/svgData.d.ts +5 -6
  66. package/_dist/components/icons/PlatformIcon/PlatformIcon.d.ts +3 -3
  67. package/_dist/components/inputs/Checkbox/Checkbox.d.ts +7 -7
  68. package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +9 -9
  69. package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +8 -8
  70. package/_dist/components/inputs/Combobox/Combobox.d.ts +22 -17
  71. package/_dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +12 -12
  72. package/_dist/components/inputs/Datepicker/Datepicker.d.ts +96 -0
  73. package/_dist/components/inputs/FileUpload/FileUpload.d.ts +6 -6
  74. package/_dist/components/inputs/InputGroup/InputGroup.d.ts +2 -2
  75. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +13 -13
  76. package/_dist/components/inputs/Select/Select.d.ts +23 -14
  77. package/_dist/components/inputs/Select/select-sample-data.d.ts +6 -0
  78. package/_dist/components/inputs/Switch/Switch.d.ts +9 -7
  79. package/_dist/components/inputs/TextInput/TextInput.d.ts +9 -9
  80. package/_dist/components/inputs/Textarea/Textarea.d.ts +14 -13
  81. package/_dist/components/inputs/input-utilities.d.ts +35 -35
  82. package/_dist/components/loading-indicators/Skeleton/Skeleton.d.ts +7 -7
  83. package/_dist/components/loading-indicators/Spinner/Spinner.d.ts +6 -6
  84. package/_dist/components/navigation/Breadcrumb/Breadcrumb.d.ts +6 -6
  85. package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +7 -7
  86. package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +6 -6
  87. package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +5 -6
  88. package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts +10 -10
  89. package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +7 -7
  90. package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +7 -7
  91. package/_dist/components/navigation/NavMenu/NavMenu.d.ts +8 -18
  92. package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +4 -4
  93. package/_dist/components/navigation/Navbar/Navbar.d.ts +8 -8
  94. package/_dist/components/navigation/SideNav/SideNav.d.ts +7 -7
  95. package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +7 -7
  96. package/_dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +6 -6
  97. package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +5 -6
  98. package/_dist/components/navigation/TabMenu/TabMenu.d.ts +10 -10
  99. package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts +4 -5
  100. package/_dist/components/navigation/UserMenu/UserMenu.d.ts +7 -7
  101. package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +24 -10
  102. package/_dist/components/navigation/navigation-utilities.d.ts +3 -3
  103. package/_dist/components/notifications/Banner/Banner.d.ts +11 -9
  104. package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +8 -7
  105. package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +9 -8
  106. package/_dist/components/notifications/Toaster/Toast.d.ts +6 -6
  107. package/_dist/components/notifications/Toaster/Toaster.d.ts +6 -6
  108. package/_dist/components/notifications/Toaster/useToast.d.ts +3 -3
  109. package/_dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +6 -6
  110. package/_dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +6 -6
  111. package/_dist/components/panels/Panel/Panel.d.ts +16 -9
  112. package/_dist/components/panels/PanelList/PanelList.d.ts +8 -4
  113. package/_dist/components/panels/PanelList/PanelRow.d.ts +6 -6
  114. package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +8 -7
  115. package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +6 -6
  116. package/_dist/components/steppers/Stepper/Stepper.d.ts +7 -7
  117. package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts +7 -7
  118. package/_dist/components/steppers/VerticalStepper/VerticalStepper.d.ts +6 -6
  119. package/_dist/components/steppers/VerticalStepper/vertical-stepper-sample-data.d.ts +3 -4
  120. package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +9 -9
  121. package/_dist/components/tiles/Tile/Tile.d.ts +7 -7
  122. package/_dist/components/tiles/TileGrid/TileGrid.d.ts +8 -8
  123. package/_dist/css/component-css/pds-avatar.css +1 -1
  124. package/_dist/css/component-css/pds-button.css +1 -1
  125. package/_dist/css/component-css/pds-checkbox.css +1 -1
  126. package/_dist/css/component-css/pds-code-block.css +1 -1
  127. package/_dist/css/component-css/pds-combobox-multiselect.css +1 -1
  128. package/_dist/css/component-css/pds-combobox.css +1 -1
  129. package/_dist/css/component-css/pds-dashboard-nav.css +1 -1
  130. package/_dist/css/component-css/pds-datepicker.css +3 -0
  131. package/_dist/css/component-css/pds-index.css +34 -16
  132. package/_dist/css/component-css/pds-indicator-badge.css +5 -3
  133. package/_dist/css/component-css/pds-input-utilities.css +1 -1
  134. package/_dist/css/component-css/pds-menu-button.css +1 -2
  135. package/_dist/css/component-css/pds-navbar.css +1 -1
  136. package/_dist/css/component-css/pds-panel-list.css +1 -1
  137. package/_dist/css/component-css/pds-pantheon-logo.css +1 -1
  138. package/_dist/css/component-css/pds-popover.css +1 -1
  139. package/_dist/css/component-css/pds-progress-bar.css +1 -1
  140. package/_dist/css/component-css/pds-progress-ring.css +1 -1
  141. package/_dist/css/component-css/pds-radio-group.css +1 -1
  142. package/_dist/css/component-css/pds-section-message.css +1 -1
  143. package/_dist/css/component-css/pds-segmented-button.css +1 -1
  144. package/_dist/css/component-css/pds-select.css +1 -1
  145. package/_dist/css/component-css/pds-side-nav-compact.css +1 -1
  146. package/_dist/css/component-css/pds-side-nav-global.css +1 -1
  147. package/_dist/css/component-css/pds-side-nav.css +1 -2
  148. package/_dist/css/component-css/pds-site-card.css +1 -1
  149. package/_dist/css/component-css/pds-site-dashboard-heading.css +1 -1
  150. package/_dist/css/component-css/pds-switch.css +17 -1
  151. package/_dist/css/component-css/pds-tab-menu.css +1 -1
  152. package/_dist/css/component-css/pds-table.css +1 -1
  153. package/_dist/css/component-css/pds-tabs.css +1 -1
  154. package/_dist/css/component-css/pds-utility-button.css +1 -1
  155. package/_dist/css/component-css/pds-workspace-selector.css +1 -1
  156. package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +7 -0
  157. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +7 -0
  158. package/_dist/css/pds-components.css +34 -16
  159. package/_dist/css/pds-core.css +2 -2
  160. package/_dist/css/pds-layouts.css +1 -1
  161. package/_dist/index.css +1 -1
  162. package/_dist/index.d.ts +4 -2
  163. package/_dist/index.js +8372 -8581
  164. package/_dist/index.js.map +1 -1
  165. package/_dist/layouts/AppLayout/AppLayout.d.ts +7 -7
  166. package/_dist/layouts/Container/Container.d.ts +7 -7
  167. package/_dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +13 -13
  168. package/_dist/layouts/DashboardInner/DashboardInner.d.ts +8 -7
  169. package/_dist/layouts/DocsLayout/DocsLayout.d.ts +7 -7
  170. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +11 -11
  171. package/_dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +3 -3
  172. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +9 -8
  173. package/_dist/layouts/StepperLayout/StepperLayout.d.ts +2 -2
  174. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +7 -7
  175. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +7 -7
  176. package/_dist/libs/components/sb-docs-toc-layout.d.ts +2 -2
  177. package/_dist/libs/components/utility-components.d.ts +4 -4
  178. package/_dist/libs/types/custom-types.d.ts +46 -10
  179. package/_dist/{components/navigation → libs/types}/navigation-types.d.ts +15 -7
  180. package/_dist/mocks/data/navigation-items.d.ts +58 -147
  181. package/_dist/mocks/markup/dashboard-main-content.d.ts +3 -4
  182. package/_dist/mocks/markup/dashboard-navigation.d.ts +3 -4
  183. package/_dist/mocks/markup/inputs.d.ts +1 -2
  184. package/_dist/mocks/markup/modal.d.ts +1 -2
  185. package/_dist/mocks/markup/panel-row-content.d.ts +5 -6
  186. package/_dist/utilities/color/color-preview-swatches.d.ts +3 -4
  187. package/_dist/utilities/context-providers/OverlayContext/OverlayContext.d.ts +12 -0
  188. package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +1 -1
  189. package/_dist/vars/animation.d.ts +2 -2
  190. package/package.json +50 -43
  191. /package/_dist/{components/inputs → libs/types}/input-types.d.ts +0 -0
  192. /package/_dist/{layouts → libs/types}/layout-types.d.ts +0 -0
@@ -1,4 +1,4 @@
1
- import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import './panel-list.css';
3
3
  export type PanelListBackground = 'default' | 'secondary' | 'transparent';
4
4
  /**
@@ -13,16 +13,20 @@ export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
13
13
  * Children components. These should be PanelRow components.
14
14
  */
15
15
  children?: ReactNode;
16
+ /**
17
+ * Additional class names.
18
+ */
19
+ className?: string;
16
20
  /**
17
21
  * Whether to have an outside border. There will always be a border between rows.
18
22
  */
19
23
  hasBorder?: boolean;
20
24
  /**
21
- * Additional class names.
25
+ * Panel list size variants for block padding only.
22
26
  */
23
- className?: string;
27
+ paddingSize?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg';
24
28
  }
25
29
  /**
26
30
  * PanelList UI component
27
31
  */
28
- export declare const PanelList: ({ background, children, hasBorder, className, ...props }: PanelListProps) => React.JSX.Element;
32
+ export declare const PanelList: ({ background, children, className, hasBorder, paddingSize, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import './panel-list.css';
3
3
  /**
4
4
  * Prop types for PanelRow
@@ -12,16 +12,16 @@ export interface PanelRowProps extends ComponentPropsWithoutRef<'li'> {
12
12
  * Additional class names.
13
13
  */
14
14
  className?: string;
15
- /**
16
- * Whether the panel row is expandable.
17
- */
18
- isExpandable?: boolean;
19
15
  /**
20
16
  * Aria-label for the expand button.
21
17
  */
22
18
  expandButtonAriaLabel?: string;
19
+ /**
20
+ * Whether the panel row is expandable.
21
+ */
22
+ isExpandable?: boolean;
23
23
  }
24
24
  /**
25
25
  * PanelRow UI component
26
26
  */
27
- export declare const PanelRow: ({ children, className, isExpandable, expandButtonAriaLabel, ...props }: PanelRowProps) => React.JSX.Element;
27
+ export declare const PanelRow: ({ children, className, expandButtonAriaLabel, isExpandable, ...props }: PanelRowProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +1,15 @@
1
- import React, { ComponentPropsWithoutRef } from 'react';
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { StatusType } from '../../../libs/types/custom-types';
2
3
  import './progress-bar.css';
3
4
  interface ProgressBarBreakpoint {
4
- colorType: 'neutral' | 'info' | 'success' | 'warning' | 'critical';
5
+ colorType: Exclude<StatusType, 'discovery'> | 'neutral';
5
6
  percentage: number;
6
7
  }
7
8
  interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
9
+ /**
10
+ * Additional class names
11
+ */
12
+ className?: string;
8
13
  /**
9
14
  * Array of color breakpoints. Each breakpoint should have a `colorType` and `percentage` value.
10
15
  */
@@ -41,13 +46,9 @@ interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
41
46
  * Size of the progress bar.
42
47
  */
43
48
  size?: 'sm' | 'md' | 'lg';
44
- /**
45
- * Additional class names
46
- */
47
- className?: string;
48
49
  }
49
50
  /**
50
51
  * ProgressBar UI component
51
52
  */
52
- export declare const ProgressBar: ({ colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, className, ...props }: ProgressBarProps) => React.JSX.Element;
53
+ export declare const ProgressBar: ({ className, colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
53
54
  export {};
@@ -1,6 +1,10 @@
1
- import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import './progress-ring.css';
3
3
  interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
4
+ /**
5
+ * Additional class names
6
+ */
7
+ className?: string;
4
8
  /**
5
9
  * ID of the Progress Ring. If not provided, a unique ID will be generated.
6
10
  */
@@ -29,13 +33,9 @@ interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
29
33
  * Size of the progress ring.
30
34
  */
31
35
  size?: 'sm' | 'md' | 'lg';
32
- /**
33
- * Additional class names
34
- */
35
- className?: string;
36
36
  }
37
37
  /**
38
38
  * ProgressRing UI component
39
39
  */
40
- export declare const ProgressRing: ({ id, innerLabel, label, percentage, showLabel, showPercentage, size, className, ...props }: ProgressRingProps) => React.JSX.Element;
40
+ export declare const ProgressRing: ({ className, id, innerLabel, label, percentage, showLabel, showPercentage, size, ...props }: ProgressRingProps) => import("react/jsx-runtime").JSX.Element;
41
41
  export {};
@@ -1,4 +1,4 @@
1
- import React, { ComponentPropsWithoutRef } from 'react';
1
+ import { ComponentPropsWithoutRef } from 'react';
2
2
  import './stepper.css';
3
3
  interface Step {
4
4
  /**
@@ -28,12 +28,16 @@ interface Step {
28
28
  label: string;
29
29
  }
30
30
  interface TranslatableLabels {
31
- step: string;
32
31
  completed: string;
33
32
  hasError: string;
34
33
  next: string;
34
+ step: string;
35
35
  }
36
36
  interface StepperProps extends ComponentPropsWithoutRef<'div'> {
37
+ /**
38
+ * Additional class names
39
+ */
40
+ className?: string;
37
41
  /**
38
42
  * An array of step objects
39
43
  */
@@ -42,13 +46,9 @@ interface StepperProps extends ComponentPropsWithoutRef<'div'> {
42
46
  * Translatable strings for visually-hidden text.
43
47
  */
44
48
  translatableLabels?: TranslatableLabels;
45
- /**
46
- * Additional class names
47
- */
48
- className?: string;
49
49
  }
50
50
  /**
51
51
  * Stepper UI component
52
52
  */
53
- export declare const Stepper: ({ steps, translatableLabels, className, ...props }: StepperProps) => React.JSX.Element;
53
+ export declare const Stepper: ({ className, steps, translatableLabels, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
54
54
  export {};
@@ -1,10 +1,14 @@
1
- import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { Button } from '@components/buttons/Button/Button';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import { Button } from '../../buttons/Button/Button';
3
3
  import './vertical-stepper.css';
4
4
  /**
5
5
  * Prop types for VerticalStep
6
6
  */
7
7
  export interface VerticalStepProps extends ComponentPropsWithoutRef<'li'> {
8
+ /**
9
+ * Is this the first step? Internal prop.
10
+ */
11
+ _isFirstStep?: boolean;
8
12
  /**
9
13
  * Props for the back button.
10
14
  * Can include any props except for size and variant.
@@ -41,12 +45,8 @@ export interface VerticalStepProps extends ComponentPropsWithoutRef<'li'> {
41
45
  * The content for the step.
42
46
  */
43
47
  stepContent?: ReactNode;
44
- /**
45
- * Is this the first step? Internal prop.
46
- */
47
- _isFirstStep?: boolean;
48
48
  }
49
49
  /**
50
50
  * VerticalStepper UI component
51
51
  */
52
- export declare const VerticalStep: ({ backButton, forwardButton, hasError, id, isCurrent, label, stepContent, isComplete, _isFirstStep, ...props }: VerticalStepProps) => React.JSX.Element;
52
+ export declare const VerticalStep: ({ _isFirstStep, backButton, forwardButton, hasError, id, isComplete, isCurrent, label, stepContent, ...props }: VerticalStepProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +1,14 @@
1
- import React, { ComponentPropsWithoutRef } from 'react';
1
+ import { ComponentPropsWithoutRef } from 'react';
2
2
  import { VerticalStepProps } from './VerticalStep';
3
3
  import './vertical-stepper.css';
4
4
  /**
5
5
  * Prop types for VerticalStepper
6
6
  */
7
7
  export interface VerticalStepperProps extends ComponentPropsWithoutRef<'div'> {
8
+ /**
9
+ * Additional class names
10
+ */
11
+ className?: string;
8
12
  /**
9
13
  * Object with translatable strings.
10
14
  */
@@ -17,12 +21,8 @@ export interface VerticalStepperProps extends ComponentPropsWithoutRef<'div'> {
17
21
  * The steps to display in the stepper.
18
22
  */
19
23
  steps?: VerticalStepProps[];
20
- /**
21
- * Additional class names
22
- */
23
- className?: string;
24
24
  }
25
25
  /**
26
26
  * VerticalStepper UI component
27
27
  */
28
- export declare const VerticalStepper: ({ labelStrings, steps, className, ...props }: VerticalStepperProps) => React.JSX.Element;
28
+ export declare const VerticalStepper: ({ className, labelStrings, steps, ...props }: VerticalStepperProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,18 +1,17 @@
1
- import React from 'react';
2
1
  export declare const demoSteps: {
3
2
  label: string;
4
- stepContent: React.JSX.Element;
3
+ stepContent: import("react/jsx-runtime").JSX.Element;
5
4
  }[];
6
5
  export declare const demoStepsWithError: ({
7
6
  label: string;
8
- stepContent: React.JSX.Element;
7
+ stepContent: import("react/jsx-runtime").JSX.Element;
9
8
  hasError?: undefined;
10
9
  isCurrent?: undefined;
11
10
  backButton?: undefined;
12
11
  forwardButton?: undefined;
13
12
  } | {
14
13
  label: string;
15
- stepContent: React.JSX.Element;
14
+ stepContent: import("react/jsx-runtime").JSX.Element;
16
15
  hasError: boolean;
17
16
  isCurrent: boolean;
18
17
  backButton: {
@@ -1,28 +1,28 @@
1
- import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import '../tiles-common.css';
3
3
  import './avatar-tile-list.css';
4
4
  export type AvatarTileListItem = {
5
- image?: string;
6
5
  alt?: string;
6
+ image?: string;
7
+ linkContent?: ReactNode;
7
8
  name?: string;
8
- title?: string;
9
9
  org?: string;
10
- linkContent?: ReactNode;
10
+ title?: string;
11
11
  };
12
12
  /**
13
13
  * Prop types for AvatarTileList
14
14
  */
15
15
  export interface AvatarTileListProps extends ComponentPropsWithoutRef<'div'> {
16
- /**
17
- * List of items for each tile.
18
- */
19
- listItems: AvatarTileListItem[];
20
16
  /**
21
17
  * Additional class names
22
18
  */
23
19
  className?: string;
20
+ /**
21
+ * List of items for each tile.
22
+ */
23
+ listItems: AvatarTileListItem[];
24
24
  }
25
25
  /**
26
26
  * AvatarTileList UI component
27
27
  */
28
- export declare const AvatarTileList: ({ listItems, className, ...props }: AvatarTileListProps) => React.JSX.Element;
28
+ export declare const AvatarTileList: ({ className, listItems, ...props }: AvatarTileListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
- import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevelCommon } from '@libs/types/custom-types';
1
+ import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
+ import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
3
  import './../tiles-common.css';
4
4
  import './tile.css';
5
5
  export type TileDisplayType = 'border' | 'clean' | 'clean-static';
@@ -7,6 +7,10 @@ export type TileDisplayType = 'border' | 'clean' | 'clean-static';
7
7
  * Prop types for Tile
8
8
  */
9
9
  export interface TileProps extends ComponentPropsWithoutRef<'div'> {
10
+ /**
11
+ * Additional class names
12
+ */
13
+ className?: string;
10
14
  /**
11
15
  * Display type.
12
16
  */
@@ -31,12 +35,8 @@ export interface TileProps extends ComponentPropsWithoutRef<'div'> {
31
35
  * Summary paragraph.
32
36
  */
33
37
  summary?: string;
34
- /**
35
- * Additional class names
36
- */
37
- className?: string;
38
38
  }
39
39
  /**
40
40
  * Tile UI component
41
41
  */
42
- export declare const Tile: ({ displayType, headingLevel, headingText, imageSrc, linkContent, summary, className, ...props }: TileProps) => React.JSX.Element;
42
+ export declare const Tile: ({ className, displayType, headingLevel, headingText, imageSrc, linkContent, summary, ...props }: TileProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +1,15 @@
1
- import React, { ComponentPropsWithoutRef } from 'react';
2
- import { TileDisplayType, TileProps } from '@components/tiles/Tile/Tile';
3
- import { HeadingLevelCommon } from '@libs/types/custom-types';
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
+ import { TileDisplayType, TileProps } from '../../tiles/Tile/Tile';
4
4
  import './../tiles-common.css';
5
5
  /**
6
6
  * Prop types for TileGrid
7
7
  */
8
8
  export interface TileGridProps extends ComponentPropsWithoutRef<'div'> {
9
+ /**
10
+ * Additional class names
11
+ */
12
+ className?: string;
9
13
  /**
10
14
  * Display type.
11
15
  */
@@ -18,12 +22,8 @@ export interface TileGridProps extends ComponentPropsWithoutRef<'div'> {
18
22
  * Array of Tiles.
19
23
  */
20
24
  tiles: TileProps[];
21
- /**
22
- * Additional class names
23
- */
24
- className?: string;
25
25
  }
26
26
  /**
27
27
  * TileGrid UI component
28
28
  */
29
- export declare const TileGrid: ({ displayType, headingLevel, tiles, className, ...props }: TileGridProps) => React.JSX.Element;
29
+ export declare const TileGrid: ({ className, displayType, headingLevel, tiles, ...props }: TileGridProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- .pds-avatar{--avatar-size:1.953rem;--avatar-icon-size:1.125rem;align-items:center;border:1px solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-fg-reverse);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--sm{--avatar-size:1.563rem;--avatar-icon-size:0.875rem}.pds-avatar--md{--avatar-size:1.953rem;--avatar-icon-size:1.125rem}.pds-avatar--lg{--avatar-size:2.441rem;--avatar-icon-size:1.375rem}.pds-avatar--xl{--avatar-size:3.815rem;--avatar-icon-size:2.25rem}
1
+ .pds-avatar{--avatar-size:1.953rem;--avatar-icon-size:1.125rem;align-items:center;border:1px solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:1px solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default);height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-fg-reverse);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--sm{--avatar-size:1.563rem;--avatar-icon-size:0.875rem}.pds-avatar--md{--avatar-size:1.953rem;--avatar-icon-size:1.125rem}.pds-avatar--lg{--avatar-size:2.441rem;--avatar-icon-size:1.375rem}.pds-avatar--xl{--avatar-size:3.815rem;--avatar-icon-size:2.25rem}
@@ -1,4 +1,4 @@
1
- a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
1
+ a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:63%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
2
2
  --pds-color-button-secondary-background-default
3
3
  );--button-color-border:var(--pds-color-button-secondary-border-default);--button-color-foreground:var(
4
4
  --pds-color-button-secondary-foreground-default
@@ -1 +1 @@
1
- .pds-checkbox{--checkbox-font-size:1rem;--checkbox-input-size:1rem;--checkbox-input-gap:0.512rem;--checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--checkbox-font-size:0.833rem;--checkbox-input-size:0.9rem;--checkbox-box-shift:0.025rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-fg-default);font-size:var(--checkbox-font-size);font-weight:400}.pds-checkbox__label-text--s{font-size:.833rem}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:2px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;height:var(--checkbox-input-size);padding:.0625rem;position:relative;top:var(--checkbox-box-shift);width:var(--checkbox-input-size)}.pds-checkbox__box,.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus)}.pds-checkbox__icon{color:var(--pds-color-input-checkbox-checked-foreground);transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:50%}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}
1
+ .pds-checkbox{--checkbox-font-size:1rem;--checkbox-input-size:1rem;--checkbox-input-gap:0.512rem;--checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--checkbox-font-size:0.833rem;--checkbox-input-size:0.9rem;--checkbox-box-shift:0.025rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-fg-default);font-size:var(--checkbox-font-size);font-weight:400}.pds-checkbox__label-text--s{font-size:.833rem}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:2px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;height:var(--checkbox-input-size);padding:.0625rem;position:relative;top:var(--checkbox-box-shift);width:var(--checkbox-input-size)}.pds-checkbox__box,.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus)}.pds-checkbox__icon{color:var(--pds-color-input-checkbox-checked-foreground);transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:63%}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}
@@ -1 +1 @@
1
- .pds-code-block{--code-block-padding:1.25rem;--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:.9rem;font-weight:400;line-height:var(--pds-code-block-line-height);position:relative}div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:.375rem;flex-grow:1;margin:0;overflow:auto;padding:1.25rem 1.563rem}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:2px solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:1.563rem}.pds-code-block__line{column-gap:.64rem;display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:1rem;text-align:right}.pds-code-block__copy{padding:.8rem .64rem;position:absolute;right:0;top:0}button.pds-clipboard-button{background-color:var(--code-block-background)}.pds-code-block--dark{--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus)}.pds-code-block--light{--code-block-background:var(--pds-color-code-block-light-background);--code-block-foreground:var(--pds-color-code-block-light-foreground);--code-block-line-prefix:var(--pds-color-code-block-light-line-prefix);--code-block-focus-color:var(--pds-color-interactive-focus);font-weight:600}.pds-code-block--light button.pds-clipboard-button{color:var(--pds-color-code-block-light-foreground)}.pds-code-block--light button.pds-clipboard-button:hover{background-color:var(--pds-color-code-block-light-highlight)}.pds-code-block--light button.pds-clipboard-button:active{background-color:#d0d2d5}
1
+ .pds-code-block{--code-block-padding:1.25rem;--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:.9rem;font-weight:400;line-height:var(--pds-code-block-line-height);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:.375rem}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:1.25rem 1.563rem}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:1px solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:1.563rem}.pds-code-block__line{column-gap:.64rem;display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:1rem;text-align:right}.pds-code-block__copy{padding:.8rem .64rem}button.pds-clipboard-button{background-color:var(--code-block-background)}.pds-code-block--dark{--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus)}.pds-code-block--light{--code-block-background:var(--pds-color-code-block-light-background);--code-block-foreground:var(--pds-color-code-block-light-foreground);--code-block-line-prefix:var(--pds-color-code-block-light-line-prefix);--code-block-focus-color:var(--pds-color-interactive-focus);font-weight:600}.pds-code-block--light button.pds-clipboard-button{color:var(--pds-color-code-block-light-foreground)}.pds-code-block--light button.pds-clipboard-button:hover{background-color:var(--pds-color-code-block-light-highlight)}.pds-code-block--light button.pds-clipboard-button:active{background-color:#d0d2d5}
@@ -1,2 +1,2 @@
1
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:400;gap:.41rem;justify-content:center;line-height:120%;padding:.25rem .512rem;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:.1875rem;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:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;column-gap:.512rem;display:flex;gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox-multi__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.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:400;justify-content:center;width:20.5px}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;flex-grow:1;height:1.563rem;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:transform .2s ease-in-out 0s}.pds-combobox-multi__trigger[aria-expanded=true]
2
- .pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.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:.512rem;display:flex;gap:.64rem;padding:.64rem 1rem;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:.64rem 1rem}.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:1rem;padding:1rem}
2
+ .pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:.512rem;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:.512rem;display:flex;gap:.64rem;padding:.64rem 1rem;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:.64rem 1rem}.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:1rem;padding:1rem}
@@ -1 +1 @@
1
- .pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox__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__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-combobox__loading,.pds-combobox__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
1
+ .pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox__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__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-combobox__loading,.pds-combobox__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
@@ -2,4 +2,4 @@
2
2
  --pds-color-dashboard-nav-item-foreground-default
3
3
  );--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:Poppins,sans-serif}.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:.375rem;outline:1px 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:1.563rem;margin-block-start:.125rem;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:.64rem}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:1rem}.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:.375rem;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:all .2s ease-in-out 0s}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:.375rem;box-sizing:border-box;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:.8rem;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:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.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:600}.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:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;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:all .2s ease-in-out 0s}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.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:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:300}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.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);cursor:pointer;font-size:1rem;line-height:120%;margin:0;padding:.64rem .8rem}.pds-dashboard-nav__item--second-level-flyout:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:.375rem}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav .pds-tooltip__container{padding:.25rem .512rem}.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:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:.25rem;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:.375rem;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:all .2s ease-in-out 0s}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:.375rem;box-sizing:border-box;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:.8rem;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:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.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:600}.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:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;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:all .2s ease-in-out 0s}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.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:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:300}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.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:1rem;line-height:120%;margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:.375rem;cursor:pointer;display:block;padding:.64rem .8rem}.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:600}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav .pds-tooltip__container{padding:.25rem .512rem}.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:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:.25rem;padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
@@ -0,0 +1,3 @@
1
+ .pds-datepicker{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-datepicker__input-wrapper{column-gap:.8rem;row-gap:.512rem;width:100%}.pds-datepicker__input-wrapper,.pds-datepicker__presets{align-items:center;display:flex}.pds-datepicker__presets .pds-segmented-button__label-text{font-weight:400}.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:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;color:var(--pds-color-fg-default);cursor:pointer;display:flex;font-size:1rem;gap:.8rem;height:var(--pds-spacing-input-height);justify-content:space-between;min-width:10rem;padding:.64rem;width:100%}.pds-datepicker__trigger:disabled{cursor:not-allowed}.pds-datepicker__trigger:focus{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.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:.64rem}.pds-datepicker__popover{background-color:var(--pds-color-bg-default);border-radius:.375rem;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:.8rem}.pds-datepicker__actions{display:flex;gap:.64rem;justify-content:flex-end;padding:0 1rem 1rem 0}.pds-datepicker__actions button.pds-button.pds-button--sm{font-size:.7497rem;font-weight:500;padding:.4rem .5625rem}.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
+ --pds-color-datepicker-range-background
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:.512rem}.pds-datepicker .rdp-caption_label{color:var(--pds-color-fg-default-secondary);font-size:1rem;font-weight:400}.pds-datepicker .rdp-weekday{color:var(--pds-color-fg-default-secondary);font-size:.833rem;font-weight:400;opacity:1}.pds-datepicker .rdp-week{border:.25rem solid var(--pds-color-bg-default)}.pds-datepicker .rdp-day{padding-inline:.125rem}.pds-datepicker .rdp-day_button{font-size:.833rem;font-weight:400}.pds-datepicker .rdp-day_button:focus{outline:1px 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:1px 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:.1875rem;outline:1px solid var(--pds-color-interactive-focus)}@media (max-width:640px){.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}}