@pantheon-systems/pds-toolkit-react 1.0.0-dev.215 → 1.0.0-dev.217
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/_dist/components/FlowSteps/FlowSteps.d.ts +5 -1
- package/_dist/components/Icon/Icon.d.ts +5 -1
- package/_dist/css/component-css/pds-button.css +4 -4
- package/_dist/css/component-css/pds-checkbox-group.css +1 -1
- package/_dist/css/component-css/pds-code-block.css +1 -1
- package/_dist/css/component-css/pds-dropdown-menu.css +1 -1
- package/_dist/css/component-css/pds-flow-steps.css +1 -1
- package/_dist/css/component-css/pds-index.css +8 -8
- package/_dist/css/component-css/pds-input-utilities.css +1 -1
- package/_dist/css/component-css/pds-radio-group.css +1 -1
- package/_dist/css/component-css/pds-spinner.css +1 -1
- package/_dist/css/component-css/pds-tab-menu.css +1 -1
- package/_dist/css/component-css/pds-workspace-selector.css +1 -1
- package/_dist/css/pds-components.css +8 -8
- package/_dist/index.css +1 -1
- package/_dist/index.js +1773 -1741
- package/_dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -14,6 +14,10 @@ export type FlowStep = {
|
|
|
14
14
|
* Prop types for FlowSteps
|
|
15
15
|
*/
|
|
16
16
|
export interface FlowStepsProps extends ComponentPropsWithoutRef<'ol'> {
|
|
17
|
+
/**
|
|
18
|
+
* Alignment of the step content.
|
|
19
|
+
*/
|
|
20
|
+
contentAlignment?: 'indented' | 'left';
|
|
17
21
|
/**
|
|
18
22
|
* The list of steps to display.
|
|
19
23
|
*/
|
|
@@ -26,4 +30,4 @@ export interface FlowStepsProps extends ComponentPropsWithoutRef<'ol'> {
|
|
|
26
30
|
/**
|
|
27
31
|
* FlowSteps UI component
|
|
28
32
|
*/
|
|
29
|
-
export declare const FlowSteps: ({ steps, className, ...props }: FlowStepsProps) => React.JSX.Element;
|
|
33
|
+
export declare const FlowSteps: ({ contentAlignment, steps, className, ...props }: FlowStepsProps) => React.JSX.Element;
|
|
@@ -85,6 +85,10 @@ declare const svgData: {
|
|
|
85
85
|
readonly path: "M22.2 32A16 16 0 0 0 6 47.8a26.35 26.35 0 0 0 .2 2.8l67.9 412.1a21.77 21.77 0 0 0 21.3 18.2h325.7a16 16 0 0 0 16-13.4L505 50.7a16 16 0 0 0-13.2-18.3 24.58 24.58 0 0 0-2.8-.2L22.2 32zm285.9 297.8h-104l-28.1-147h157.3l-25.2 147z";
|
|
86
86
|
readonly width: "512";
|
|
87
87
|
};
|
|
88
|
+
readonly bluesky: {
|
|
89
|
+
readonly path: "M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z";
|
|
90
|
+
readonly width: "512";
|
|
91
|
+
};
|
|
88
92
|
readonly bolt: {
|
|
89
93
|
readonly path: "M349.4 44.6c5.9-13.7 1.5-29.7-10.6-38.5s-28.6-8-39.9 1.8l-256 224c-10 8.8-13.6 22.9-8.9 35.3S50.7 288 64 288H175.5L98.6 467.4c-5.9 13.7-1.5 29.7 10.6 38.5s28.6 8 39.9-1.8l256-224c10-8.8 13.6-22.9 8.9-35.3s-16.6-20.7-30-20.7H272.5L349.4 44.6z";
|
|
90
94
|
readonly width: "448";
|
|
@@ -678,5 +682,5 @@ declare const svgData: {
|
|
|
678
682
|
readonly width: "576";
|
|
679
683
|
};
|
|
680
684
|
};
|
|
681
|
-
export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "anglesLeft" | "anglesRight" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bolt" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartSimple" | "cloud" | "cloudArrowUp" | "cloudPlus" | "code" | "codeBranch" | "codeMerge" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "chartLine" | "chartNetwork" | "check" | "circle" | "circleExclamation" | "circleCheck" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "command" | "comment" | "copy" | "diamondExclamation" | "diamonds4" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "envelope" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileCheck" | "fileContract" | "fileCSV" | "fileDiff" | "fileExport" | "fileImport" | "fileLines" | "filePDF" | "fileZip" | "folder" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "lock" | "lockOpen" | "magnifyingGlass" | "memo" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "rocketLaunch" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "thumbsDown" | "thumbsUp" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
|
|
685
|
+
export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "anglesLeft" | "anglesRight" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bluesky" | "bolt" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartSimple" | "cloud" | "cloudArrowUp" | "cloudPlus" | "code" | "codeBranch" | "codeMerge" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "chartLine" | "chartNetwork" | "check" | "circle" | "circleExclamation" | "circleCheck" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "command" | "comment" | "copy" | "diamondExclamation" | "diamonds4" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "envelope" | "exclamation" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileCheck" | "fileContract" | "fileCSV" | "fileDiff" | "fileExport" | "fileImport" | "fileLines" | "filePDF" | "fileZip" | "folder" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "lock" | "lockOpen" | "magnifyingGlass" | "memo" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "rocketLaunch" | "robot" | "rotate" | "rotateClock" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "thumbsDown" | "thumbsUp" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
|
|
682
686
|
export {};
|
|
@@ -26,7 +26,7 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
|
|
|
26
26
|
--pds-color-button-subtle-background-default
|
|
27
27
|
);--pds-button-color-border:var(--pds-color-button-subtle-border-default);--pds-button-color-foreground:var(
|
|
28
28
|
--pds-color-button-subtle-foreground-default
|
|
29
|
-
);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--pds-spinner-color-1
|
|
29
|
+
);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--pds-spinner-color-1:var(--pds-color-button-secondary-foreground-default);--pds-spinner-color-2:#5f41e5;--pds-spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--pds-button-color-background:var(
|
|
30
30
|
--pds-color-button-subtle-background-default
|
|
31
31
|
);--pds-button-color-border:var(--pds-color-button-subtle-border-default);--pds-button-color-foreground:var(
|
|
32
32
|
--pds-color-button-subtle-foreground-hover
|
|
@@ -38,7 +38,7 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
|
|
|
38
38
|
--pds-color-button-brand-background-default
|
|
39
39
|
);--pds-button-color-border:var(--pds-color-button-brand-border-default);--pds-button-color-foreground:var(
|
|
40
40
|
--pds-color-button-brand-foreground-default
|
|
41
|
-
)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#
|
|
41
|
+
)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--pds-spinner-color-1:#23232d;--pds-spinner-color-2:#726009;--pds-spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--pds-button-color-background:var(--pds-color-button-brand-background-hover);--pds-button-color-border:var(--pds-color-button-brand-border-hover);--pds-button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--pds-button-color-background:var(
|
|
42
42
|
--pds-color-button-brand-background-active
|
|
43
43
|
);--pds-button-color-border:var(--pds-color-button-brand-border-active);--pds-button-color-foreground:var(
|
|
44
44
|
--pds-color-button-brand-foreground-active
|
|
@@ -64,7 +64,7 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
|
|
|
64
64
|
--pds-color-button-critical-background-default
|
|
65
65
|
);--pds-button-color-border:var(--pds-color-button-critical-border-default);--pds-button-color-foreground:var(
|
|
66
66
|
--pds-color-button-critical-foreground-default
|
|
67
|
-
)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--pds-spinner-color-1:var(--pds-color-button-critical-foreground-default);--pds-spinner-color-2:#
|
|
67
|
+
)}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--pds-spinner-color-1:var(--pds-color-button-critical-foreground-default);--pds-spinner-color-2:#d46961;--pds-spinner-color-3:#f3c9c6}.pds-button--full-width{width:100%}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--pds-button-color-background:var(
|
|
68
68
|
--pds-color-button-critical-background-hover
|
|
69
69
|
);--pds-button-color-border:var(--pds-color-button-critical-border-hover);--pds-button-color-foreground:var(
|
|
70
70
|
--pds-color-button-critical-foreground-hover
|
|
@@ -74,7 +74,7 @@ a.pds-button,button.pds-button{--pds-button-color-background:var(
|
|
|
74
74
|
--pds-color-button-critical-foreground-active
|
|
75
75
|
)}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-button-color-foreground:var(
|
|
76
76
|
--pds-color-button-navbar-foreground-default
|
|
77
|
-
);font-weight:400}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--pds-spinner-color-1:#
|
|
77
|
+
);font-weight:400}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--pds-spinner-color-1:#525560;--pds-spinner-color-2:#6a6e7a;--pds-spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-button-color-foreground:var(
|
|
78
78
|
--pds-color-button-navbar-foreground-hover
|
|
79
79
|
)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--pds-button-color-background:transparent;--pds-button-color-border:transparent;--pds-button-color-foreground:var(
|
|
80
80
|
--pds-color-button-navbar-foreground-active
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:.512rem;margin-inline-start:.125rem;row-gap:
|
|
1
|
+
.pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:.512rem;margin-inline-start:.125rem;row-gap:1.25rem}
|
|
@@ -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);
|
|
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);display:flex;font-family:var(--pds-typography-font-code);font-size:.9rem;font-weight:400;justify-content:space-between;line-height:165%}.pds-code-block,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:.375rem}pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:1.25rem}pre.pds-code-block__code:focus-visible{outline:2px solid var(--code-block-focus-color)}pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}.pds-code-block__line{column-gap:.64rem;display:table-row}.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}.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-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-size:1rem;font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-foreground-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-background-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;color:var(--pds-color-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height);justify-content:space-between;padding:0 .64rem;text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-nav-item-default-foreground-trigger);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__trigger[aria-expanded=true]
|
|
2
|
-
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);list-style-type:none;margin-block-start:.64rem;max-height:30rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:200}.pds-dropdown-menu__dropdown a{color:var(--pds-color-dropdown-foreground);display:flex;padding:.64rem 1rem;text-decoration:none}.pds-dropdown-menu__dropdown:focus{outline:none}.pds-dropdown-menu__item:focus,.pds-dropdown-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-dropdown-menu__item:focus a:active,.pds-dropdown-menu__item:hover a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown-menu__item--second-level a{padding-inline-start:2.441rem}.pds-dropdown-menu__item--third-level a{padding-inline-start:4.004rem}.pds-dropdown-menu__item--fourth-level a{padding-inline-start:5.567rem}.pds-dropdown-menu__active-label{display:flex;padding-inline-start:.25rem}.pds-dropdown-menu__item--active{align-items:center;background-color:var(--pds-color-dropdown-item-background-selected);color:var(--pds-color-foreground-default);display:flex;justify-content:space-between}.pds-dropdown-menu__active-icon{flex-shrink:0;margin-inline:1rem}
|
|
2
|
+
.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);list-style-type:none;margin-block-start:.64rem;max-height:30rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:200}.pds-dropdown-menu__dropdown a{color:var(--pds-color-dropdown-foreground);display:flex;padding:.64rem 1rem;text-decoration:none}.pds-dropdown-menu__dropdown:focus{outline:none}.pds-dropdown-menu__item:focus,.pds-dropdown-menu__item:hover{background-color:var(--pds-color-dropdown-item-background-hover);outline:none}.pds-dropdown-menu__item:focus a:active,.pds-dropdown-menu__item:hover a:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown-menu__item--second-level a{padding-inline-start:2.441rem}.pds-dropdown-menu__item--third-level a{padding-inline-start:4.004rem}.pds-dropdown-menu__item--fourth-level a{padding-inline-start:5.567rem}.pds-dropdown-menu__active-label{display:flex;padding-inline-start:.25rem}.pds-dropdown-menu__item--active{align-items:center;background-color:var(--pds-color-dropdown-item-background-selected);color:var(--pds-color-foreground-default);display:flex;justify-content:space-between}.pds-dropdown-menu__active-icon{color:var(--pds-color-status-success-foreground);flex-shrink:0;margin-inline:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
ol.pds-flow-steps{display:flex;flex-direction:column;list-style:none;row-gap:2.441rem}.pds-flow-
|
|
1
|
+
ol.pds-flow-steps{display:flex;flex-direction:column;list-style:none;padding:0;row-gap:2.441rem}ol.pds-flow-steps--indented li{column-gap:.512rem;display:flex}.pds-flow-steps__header{font-size:1rem;font-weight:600;line-height:140%}.pds-flow-steps__number{align-items:center;background-color:var(--pds-color-background-reverse);border-radius:50%;color:var(--pds-color-foreground-reverse);display:flex;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:600;height:1.25rem;justify-content:center;line-height:90%;padding:1px;width:1.25rem}.pds-flow-steps__number span{padding-block-start:1px}.pds-flow-steps__content{padding-block-start:.8rem}.pds-flow-steps__header-group{column-gap:.512rem;display:flex}.pds-flow-steps__content-group{width:100%}
|