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