@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.
- package/README.md +1 -1
- package/_dist/components/Avatar/Avatar.d.ts +6 -6
- package/_dist/components/BranchDiff/BranchDiff.d.ts +10 -10
- package/_dist/components/CTALink/CTALink.d.ts +6 -6
- package/_dist/components/CTASlice/CTASlice.d.ts +7 -7
- package/_dist/components/Callout/Callout.d.ts +9 -8
- package/_dist/components/Callout/sample-callout-content.d.ts +1 -2
- package/_dist/components/CodeBlock/CodeBlock.d.ts +6 -6
- package/_dist/components/ComparisonList/ComparisonList.d.ts +7 -7
- package/_dist/components/DashboardStat/DashboardStat.d.ts +11 -11
- package/_dist/components/FileDiff/FileDiff.d.ts +11 -11
- package/_dist/components/FlowSteps/FlowSteps.d.ts +10 -10
- package/_dist/components/FlowSteps/example-steps.d.ts +3 -4
- package/_dist/components/LinkNewWindow/LinkNewWindow.d.ts +6 -6
- package/_dist/components/Modal/Modal.d.ts +6 -6
- package/_dist/components/Pagination/Pagination.d.ts +8 -8
- package/_dist/components/PantheonLogo/PantheonLogo.d.ts +6 -6
- package/_dist/components/PantheonLogo/pantheon-logo-data.d.ts +3 -4
- package/_dist/components/Picture/Picture.d.ts +15 -15
- package/_dist/components/Popover/Popover.d.ts +22 -23
- package/_dist/components/PullQuote/PullQuote.d.ts +7 -7
- package/_dist/components/RefreshChecker/RefreshChecker.d.ts +10 -10
- package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +17 -12
- package/_dist/components/Skiplink/Skiplink.d.ts +6 -6
- package/_dist/components/SocialLinks/SocialLinks.d.ts +8 -8
- package/_dist/components/StatusIndicator/StatusIndicator.d.ts +8 -7
- package/_dist/components/Table/Table.d.ts +9 -9
- package/_dist/components/TableOfContents/TableOfContents.d.ts +9 -9
- package/_dist/components/Tabs/Tabs.d.ts +15 -15
- package/_dist/components/Tag/Tag.d.ts +8 -8
- package/_dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +9 -9
- package/_dist/components/Tooltip/Tooltip.d.ts +7 -7
- package/_dist/components/VideoEmbed/VideoEmbed.d.ts +6 -6
- package/_dist/components/badges/IndicatorBadge/IndicatorBadge.d.ts +7 -7
- package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +8 -7
- package/_dist/components/badges/Tally/Tally.d.ts +8 -8
- package/_dist/components/buttons/Button/Button.d.ts +11 -10
- package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +8 -8
- package/_dist/components/buttons/ClipboardButton/ClipboardButton.d.ts +6 -6
- package/_dist/components/buttons/CloseButton/CloseButton.d.ts +6 -6
- package/_dist/components/buttons/IconButton/IconButton.d.ts +12 -11
- package/_dist/components/buttons/MenuButton/MenuButton.d.ts +11 -11
- package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +13 -14
- package/_dist/components/buttons/SplitButton/SplitButton.d.ts +9 -9
- package/_dist/components/buttons/SplitButton/split-button-sample-data.d.ts +1 -2
- package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts +25 -11
- package/_dist/components/cards/Card/Card.d.ts +7 -7
- package/_dist/components/cards/CardHeading/CardHeading.d.ts +6 -7
- package/_dist/components/cards/CardSelectGroup/CardSelectGroup.d.ts +10 -10
- package/_dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +7 -7
- package/_dist/components/cards/LinksCard/LinksCard.d.ts +7 -7
- package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +12 -12
- package/_dist/components/cards/PaymentCard/PaymentCard.d.ts +16 -16
- package/_dist/components/cards/PricingCard/PricingCard.d.ts +22 -22
- package/_dist/components/cards/SiteCard/SiteCard.d.ts +13 -8
- package/_dist/components/empty-states/CompactEmptyState/CompactEmptyState.d.ts +9 -9
- package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +27 -27
- package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts +15 -15
- package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +7 -7
- package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +7 -7
- package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +11 -11
- package/_dist/components/footer/SiteFooter/footer-content.d.ts +1 -2
- package/_dist/components/icons/Icon/Icon.d.ts +19 -8
- package/_dist/components/icons/PaymentIcon/PaymentIcon.d.ts +6 -6
- package/_dist/components/icons/PaymentIcon/svgData.d.ts +5 -6
- package/_dist/components/icons/PlatformIcon/PlatformIcon.d.ts +3 -3
- package/_dist/components/inputs/Checkbox/Checkbox.d.ts +7 -7
- package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +9 -9
- package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +8 -8
- package/_dist/components/inputs/Combobox/Combobox.d.ts +22 -17
- package/_dist/components/inputs/ComboboxMultiselect/ComboboxMultiselect.d.ts +12 -12
- package/_dist/components/inputs/Datepicker/Datepicker.d.ts +96 -0
- package/_dist/components/inputs/FileUpload/FileUpload.d.ts +6 -6
- package/_dist/components/inputs/InputGroup/InputGroup.d.ts +2 -2
- package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +13 -13
- package/_dist/components/inputs/Select/Select.d.ts +23 -14
- package/_dist/components/inputs/Select/select-sample-data.d.ts +6 -0
- package/_dist/components/inputs/Switch/Switch.d.ts +9 -7
- package/_dist/components/inputs/TextInput/TextInput.d.ts +9 -9
- package/_dist/components/inputs/Textarea/Textarea.d.ts +14 -13
- package/_dist/components/inputs/input-utilities.d.ts +35 -35
- package/_dist/components/loading-indicators/Skeleton/Skeleton.d.ts +7 -7
- package/_dist/components/loading-indicators/Spinner/Spinner.d.ts +6 -6
- package/_dist/components/navigation/Breadcrumb/Breadcrumb.d.ts +6 -6
- package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +7 -7
- package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts +6 -6
- package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +5 -6
- package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts +10 -10
- package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +7 -7
- package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +7 -7
- package/_dist/components/navigation/NavMenu/NavMenu.d.ts +8 -18
- package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +4 -4
- package/_dist/components/navigation/Navbar/Navbar.d.ts +8 -8
- package/_dist/components/navigation/SideNav/SideNav.d.ts +7 -7
- package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +7 -7
- package/_dist/components/navigation/SideNavGlobal/SideNavGlobal.d.ts +6 -6
- package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +5 -6
- package/_dist/components/navigation/TabMenu/TabMenu.d.ts +10 -10
- package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts +4 -5
- package/_dist/components/navigation/UserMenu/UserMenu.d.ts +7 -7
- package/_dist/components/navigation/WorkspaceSelector/WorkspaceSelector.d.ts +24 -10
- package/_dist/components/navigation/navigation-utilities.d.ts +3 -3
- package/_dist/components/notifications/Banner/Banner.d.ts +11 -9
- package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +8 -7
- package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +9 -8
- package/_dist/components/notifications/Toaster/Toast.d.ts +6 -6
- package/_dist/components/notifications/Toaster/Toaster.d.ts +6 -6
- package/_dist/components/notifications/Toaster/useToast.d.ts +3 -3
- package/_dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +6 -6
- package/_dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts +6 -6
- package/_dist/components/panels/Panel/Panel.d.ts +16 -9
- package/_dist/components/panels/PanelList/PanelList.d.ts +8 -4
- package/_dist/components/panels/PanelList/PanelRow.d.ts +6 -6
- package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +8 -7
- package/_dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts +6 -6
- package/_dist/components/steppers/Stepper/Stepper.d.ts +7 -7
- package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts +7 -7
- package/_dist/components/steppers/VerticalStepper/VerticalStepper.d.ts +6 -6
- package/_dist/components/steppers/VerticalStepper/vertical-stepper-sample-data.d.ts +3 -4
- package/_dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +9 -9
- package/_dist/components/tiles/Tile/Tile.d.ts +7 -7
- package/_dist/components/tiles/TileGrid/TileGrid.d.ts +8 -8
- package/_dist/css/component-css/pds-avatar.css +1 -1
- package/_dist/css/component-css/pds-button.css +1 -1
- package/_dist/css/component-css/pds-checkbox.css +1 -1
- package/_dist/css/component-css/pds-code-block.css +1 -1
- package/_dist/css/component-css/pds-combobox-multiselect.css +1 -1
- package/_dist/css/component-css/pds-combobox.css +1 -1
- package/_dist/css/component-css/pds-dashboard-nav.css +1 -1
- package/_dist/css/component-css/pds-datepicker.css +3 -0
- package/_dist/css/component-css/pds-index.css +34 -16
- package/_dist/css/component-css/pds-indicator-badge.css +5 -3
- package/_dist/css/component-css/pds-input-utilities.css +1 -1
- package/_dist/css/component-css/pds-menu-button.css +1 -2
- package/_dist/css/component-css/pds-navbar.css +1 -1
- package/_dist/css/component-css/pds-panel-list.css +1 -1
- package/_dist/css/component-css/pds-pantheon-logo.css +1 -1
- package/_dist/css/component-css/pds-popover.css +1 -1
- package/_dist/css/component-css/pds-progress-bar.css +1 -1
- package/_dist/css/component-css/pds-progress-ring.css +1 -1
- package/_dist/css/component-css/pds-radio-group.css +1 -1
- package/_dist/css/component-css/pds-section-message.css +1 -1
- package/_dist/css/component-css/pds-segmented-button.css +1 -1
- package/_dist/css/component-css/pds-select.css +1 -1
- package/_dist/css/component-css/pds-side-nav-compact.css +1 -1
- package/_dist/css/component-css/pds-side-nav-global.css +1 -1
- package/_dist/css/component-css/pds-side-nav.css +1 -2
- package/_dist/css/component-css/pds-site-card.css +1 -1
- package/_dist/css/component-css/pds-site-dashboard-heading.css +1 -1
- package/_dist/css/component-css/pds-switch.css +17 -1
- package/_dist/css/component-css/pds-tab-menu.css +1 -1
- package/_dist/css/component-css/pds-table.css +1 -1
- package/_dist/css/component-css/pds-tabs.css +1 -1
- package/_dist/css/component-css/pds-utility-button.css +1 -1
- package/_dist/css/component-css/pds-workspace-selector.css +1 -1
- package/_dist/css/design-tokens/pds-design-tokens-dark-mode.css +7 -0
- package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +7 -0
- package/_dist/css/pds-components.css +34 -16
- package/_dist/css/pds-core.css +2 -2
- package/_dist/css/pds-layouts.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.d.ts +4 -2
- package/_dist/index.js +8372 -8581
- package/_dist/index.js.map +1 -1
- package/_dist/layouts/AppLayout/AppLayout.d.ts +7 -7
- package/_dist/layouts/Container/Container.d.ts +7 -7
- package/_dist/layouts/DashboardGlobal/DashboardGlobal.d.ts +13 -13
- package/_dist/layouts/DashboardInner/DashboardInner.d.ts +8 -7
- package/_dist/layouts/DocsLayout/DocsLayout.d.ts +7 -7
- package/_dist/layouts/FlexContainer/FlexContainer.d.ts +11 -11
- package/_dist/layouts/GlobalWrapper/GlobalWrapper.d.ts +3 -3
- package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +9 -8
- package/_dist/layouts/StepperLayout/StepperLayout.d.ts +2 -2
- package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +7 -7
- package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +7 -7
- package/_dist/libs/components/sb-docs-toc-layout.d.ts +2 -2
- package/_dist/libs/components/utility-components.d.ts +4 -4
- package/_dist/libs/types/custom-types.d.ts +46 -10
- package/_dist/{components/navigation → libs/types}/navigation-types.d.ts +15 -7
- package/_dist/mocks/data/navigation-items.d.ts +58 -147
- package/_dist/mocks/markup/dashboard-main-content.d.ts +3 -4
- package/_dist/mocks/markup/dashboard-navigation.d.ts +3 -4
- package/_dist/mocks/markup/inputs.d.ts +1 -2
- package/_dist/mocks/markup/modal.d.ts +1 -2
- package/_dist/mocks/markup/panel-row-content.d.ts +5 -6
- package/_dist/utilities/color/color-preview-swatches.d.ts +3 -4
- package/_dist/utilities/context-providers/OverlayContext/OverlayContext.d.ts +12 -0
- package/_dist/utilities/context-providers/ResponsiveContext/ResponsiveContext.d.ts +1 -1
- package/_dist/vars/animation.d.ts +2 -2
- package/package.json +50 -43
- /package/_dist/{components/inputs → libs/types}/input-types.d.ts +0 -0
- /package/_dist/{layouts → libs/types}/layout-types.d.ts +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
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
|
-
*
|
|
25
|
+
* Panel list size variants for block padding only.
|
|
22
26
|
*/
|
|
23
|
-
|
|
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,
|
|
32
|
+
export declare const PanelList: ({ background, children, className, hasBorder, paddingSize, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
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,
|
|
27
|
+
export declare const PanelRow: ({ children, className, expandButtonAriaLabel, isExpandable, ...props }: PanelRowProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import
|
|
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:
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
2
|
-
import { Button } from '
|
|
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,
|
|
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
|
|
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,
|
|
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:
|
|
3
|
+
stepContent: import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
}[];
|
|
6
5
|
export declare const demoStepsWithError: ({
|
|
7
6
|
label: string;
|
|
8
|
-
stepContent:
|
|
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:
|
|
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
|
|
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
|
-
|
|
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: ({
|
|
28
|
+
export declare const AvatarTileList: ({ className, listItems, ...props }: AvatarTileListProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { HeadingLevelCommon } from '
|
|
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,
|
|
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
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
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,
|
|
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:
|
|
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:
|
|
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
|
|
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);
|
|
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}}
|