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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/_dist/components/Icon/Icon.d.ts +13 -1
  2. package/_dist/components/buttons/Button/Button.d.ts +1 -1
  3. package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +5 -1
  4. package/_dist/css/component-css/pds-button-link.css +1 -1
  5. package/_dist/css/component-css/pds-button-nav.css +1 -1
  6. package/_dist/css/component-css/pds-button.css +27 -63
  7. package/_dist/css/component-css/pds-flow-steps.css +1 -1
  8. package/_dist/css/component-css/pds-index.css +31 -67
  9. package/_dist/css/component-css/pds-tab-menu.css +2 -2
  10. package/_dist/css/design-tokens/pds-design-tokens-light-mode.css +9 -0
  11. package/_dist/css/pds-components.css +31 -67
  12. package/_dist/css/pds-core.css +1 -1
  13. package/_dist/index.css +1 -1
  14. package/_dist/index.js +1604 -1577
  15. package/_dist/index.js.map +1 -1
  16. package/package.json +2 -2
package/_dist/components/Icon/Icon.d.ts CHANGED
@@ -253,6 +253,10 @@ declare const svgData: {
253
253
  readonly path: "M208 0H332.1c12.7 0 24.9 5.1 33.9 14.1l67.9 67.9c9 9 14.1 21.2 14.1 33.9V336c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V48c0-26.5 21.5-48 48-48zM48 128h80v64H64V448H256V416h64v48c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48z";
254
254
  readonly width: "480";
255
255
  };
256
+ readonly desktop: {
257
+ readonly path: "M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l176 0-10.7 32L160 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l256 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-69.3 0L336 416l176 0c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0zM512 64l0 224L64 288 64 64l448 0z";
258
+ readonly width: "576";
259
+ };
256
260
  readonly diamondExclamation: {
257
261
  readonly path: "M227.7 11.7c15.6-15.6 40.9-15.6 56.6 0l216 216c15.6 15.6 15.6 40.9 0 56.6l-216 216c-15.6 15.6-40.9 15.6-56.6 0l-216-216c-15.6-15.6-15.6-40.9 0-56.6l216-216zM256 128c-13.3 0-24 10.7-24 24V264c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z";
258
262
  readonly width: "512";
@@ -413,6 +417,10 @@ declare const svgData: {
413
417
  readonly path: "M304 64a80 80 0 1 1 0 160 80 80 0 1 1 0-160zm0 224c79.5 0 144-64.5 144-144S383.5 0 304 0S160 64.5 160 144c0 28.2 8.1 54.5 22.1 76.7L9.4 393.4c-12.5 12.5-12.5 32.8 0 45.3l64 64c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 416 96 397.3l41.4 41.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L141.3 352l86.1-86.1c22.2 14 48.5 22.1 76.7 22.1z";
414
418
  readonly width: "480";
415
419
  };
420
+ readonly laptop: {
421
+ readonly path: "M128 32C92.7 32 64 60.7 64 96l0 256 64 0 0-256 384 0 0 256 64 0 0-256c0-35.3-28.7-64-64-64L128 32zM19.2 384C8.6 384 0 392.6 0 403.2C0 445.6 34.4 480 76.8 480l486.4 0c42.4 0 76.8-34.4 76.8-76.8c0-10.6-8.6-19.2-19.2-19.2L19.2 384z";
422
+ readonly width: "640";
423
+ };
416
424
  readonly laptopCode: {
417
425
  readonly path: "M64 96c0-35.3 28.7-64 64-64H512c35.3 0 64 28.7 64 64V352H512V96H128V352H64V96zM0 403.2C0 392.6 8.6 384 19.2 384H620.8c10.6 0 19.2 8.6 19.2 19.2c0 42.4-34.4 76.8-76.8 76.8H76.8C34.4 480 0 445.6 0 403.2zM281 209l-31 31 31 31c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-48-48c-9.4-9.4-9.4-24.6 0-33.9l48-48c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zM393 175l48 48c9.4 9.4 9.4 24.6 0 33.9l-48 48c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l31-31-31-31c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0z";
418
426
  readonly width: "640";
@@ -437,6 +445,10 @@ declare const svgData: {
437
445
  readonly path: "M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L532.4 392c45.4-28.2 75.6-78.6 75.6-136c0-88.4-71.6-160-160-160H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h64c53 0 96 43 96 96c0 43.3-28.6 79.8-67.9 91.8L399.7 288H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H318.1l-81.7-64H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H192c-11.3 0-22.3 1.2-32.9 3.4L38.8 5.1zM121 191.4L70.7 151.7C46.6 179.7 32 216.1 32 256c0 88.4 71.6 160 160 160h64c17.7 0 32-14.3 32-32s-14.3-32-32-32H192c-53 0-96-43-96-96c0-24.9 9.5-47.6 25-64.6z";
438
446
  readonly width: "640";
439
447
  };
448
+ readonly listCheck: {
449
+ readonly path: "M152.1 38.2c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 113C-2.3 103.6-2.3 88.4 7 79s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zm0 160c9.9 8.9 10.7 24 1.8 33.9l-72 80c-4.4 4.9-10.6 7.8-17.2 7.9s-12.9-2.4-17.6-7L7 273c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l22.1 22.1 55.1-61.2c8.9-9.9 24-10.7 33.9-1.8zM224 96c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32zm0 160c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32zM160 416c0-17.7 14.3-32 32-32l288 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-288 0c-17.7 0-32-14.3-32-32zM48 368a48 48 0 1 1 0 96 48 48 0 1 1 0-96z";
450
+ readonly width: "512";
451
+ };
440
452
  readonly lock: {
441
453
  readonly path: "M144 144l0 48 160 0 0-48c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192l0-48C80 64.5 144.5 0 224 0s144 64.5 144 144l0 48 16 0c35.3 0 64 28.7 64 64l0 192c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 256c0-35.3 28.7-64 64-64l16 0z";
442
454
  readonly width: "448";
@@ -686,5 +698,5 @@ declare const svgData: {
686
698
  readonly width: "576";
687
699
  };
688
700
  };
689
- 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" | "expand" | "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")[];
701
+ 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" | "desktop" | "diamondExclamation" | "diamonds4" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "envelope" | "exclamation" | "expand" | "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" | "laptop" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "listCheck" | "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")[];
690
702
  export {};
package/_dist/components/buttons/Button/Button.d.ts CHANGED
@@ -49,7 +49,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
49
49
  /**
50
50
  * Which variant of button to render
51
51
  */
52
- variant?: 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'navbar' | 'inline';
52
+ variant?: 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
53
53
  /**
54
54
  * Additional class names
55
55
  */
package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts CHANGED
@@ -14,6 +14,10 @@ export interface ButtonNavProps extends ComponentPropsWithoutRef<'nav'> {
14
14
  * Menu items to render.
15
15
  */
16
16
  menuItems?: ButtonNavItem[];
17
+ /**
18
+ * Size of the Buttons.
19
+ */
20
+ size?: 'sm' | 'md';
17
21
  /**
18
22
  * Additional class names
19
23
  */
@@ -22,4 +26,4 @@ export interface ButtonNavProps extends ComponentPropsWithoutRef<'nav'> {
22
26
  /**
23
27
  * ButtonNav UI component
24
28
  */
25
- export declare const ButtonNav: ({ ariaLabel, menuItems, className, ...props }: ButtonNavProps) => React.JSX.Element;
29
+ export declare const ButtonNav: ({ ariaLabel, menuItems, size, className, ...props }: ButtonNavProps) => React.JSX.Element;
package/_dist/css/component-css/pds-button-link.css CHANGED
@@ -1 +1 @@
1
- .pds-button-link a{white-space:nowrap}.pds-button-link a:hover{color:var(--pds-color-button-primary-foreground-hover)}.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand-secondary:hover{color:var(--pds-color-button-brand-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground-hover)}.pds-button-group .pds-button-link a{text-align:center;width:100%}
1
+ .pds-button-link a{white-space:nowrap}.pds-button-link a:hover{color:var(--pds-color-button-primary-foreground-hover);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground-hover)}.pds-button-link a.pds-button.pds-button--brand-secondary:hover{color:var(--pds-color-button-brand-secondary-foreground-hover)}.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground-hover)}.pds-button-group .pds-button-link a{text-align:center;width:100%}
package/_dist/css/component-css/pds-button-nav.css CHANGED
@@ -1 +1 @@
1
- .pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s}
1
+ .pds-button-nav__menu{display:inline-flex;gap:0;list-style:none;margin:0;padding:0}.pds-button-nav__item a{align-items:center;background-color:transparent;border:1px solid var(--pds-color-border-input);box-sizing:border-box;color:var(--pds-color-segmented-button-foreground-default);column-gap:.41rem;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;height:2.25rem;line-height:1;padding-inline:1.01563rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button-nav__item a:hover{background-color:var(--pds-color-segmented-button-background-hover);color:var(--pds-color-segmented-button-foreground-hover)}.pds-button-nav__item a:focus-visible{outline-offset:.0625rem}.pds-button-nav__item:first-child a{border-bottom-left-radius:.1875rem;border-top-left-radius:.1875rem}.pds-button-nav__item:last-child a{border-bottom-right-radius:.1875rem;border-top-right-radius:.1875rem}.pds-button-nav__item:not(:first-child) a{margin-left:-1px}.pds-button-nav__item--active{z-index:1}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-button-background-active);border:1px solid var(--pds-color-segmented-button-border-active);color:var(--pds-color-segmented-button-foreground-active);transition:all .2s ease-in-out 0s}.pds-button-nav--sm .pds-button-nav__item a{font-size:.833rem;height:2rem;padding-inline:.8125rem}.pds-button-nav--sm .pds-button-nav__item .pds-tally__label{font-size:.5625rem}
package/_dist/css/component-css/pds-button.css CHANGED
@@ -1,81 +1,45 @@
1
- a.pds-button,button.pds-button{--button-color-background:var(
2
- --pds-color-button-primary-background-default
3
- );--button-color-foreground:var(
4
- --pds-color-button-primary-foreground-default
5
- );--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(
6
- --pds-color-button-primary-background-hover
7
- );--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(
8
- --pds-color-button-primary-foreground-hover
9
- )}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(
10
- --pds-color-button-primary-background-active
11
- );--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(
12
- --pds-color-button-primary-foreground-active
13
- )}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
1
+ a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-primary-background-default);--button-color-foreground:var(--pds-color-button-primary-foreground-default);--button-color-border:var(--pds-color-button-primary-border-default);align-items:center;background-color:var(--button-color-background);border:1px solid var(--button-color-border);border-radius:.1875rem;box-sizing:border-box;color:var(--button-color-foreground);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:.64rem;height:2.25rem;justify-content:center;letter-spacing:.025em;line-height:1;max-height:2.25rem;padding:.625rem .8125rem;text-decoration:none;transition:all .2s ease-in-out 0s;white-space:nowrap}.pds-button--full-width{width:100%}.pds-button__icon--wrapper{align-items:center;display:flex}.pds-button__icon{flex-shrink:0}.pds-button__loading-indicator{--spinner-size:1rem;--spinner-color-1:#fff;--spinner-color-2:#f1f1f1;--spinner-color-3:#cfcfd3}a.pds-button:disabled,button.pds-button:disabled{cursor:not-allowed;opacity:50%}a.pds-button:hover,button.pds-button:hover:enabled{--button-color-background:var(--pds-color-button-primary-background-hover);--button-color-border:var(--pds-color-button-primary-border-hover);--button-color-foreground:var(--pds-color-button-primary-foreground-hover)}a.pds-button:active,button.pds-button:active:enabled{--button-color-background:var(--pds-color-button-primary-background-active);--button-color-border:var(--pds-color-button-primary-border-active);--button-color-foreground:var(--pds-color-button-primary-foreground-active)}a.pds-button:focus-visible,button.pds-button:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}a.pds-button.pds-button--sm,button.pds-button.pds-button--sm{font-size:.833rem;gap:.41rem;height:2rem;max-height:2rem;padding:.5rem .625rem}a.pds-button.pds-button--sm .pds-button__loading-indicator,button.pds-button.pds-button--sm .pds-button__loading-indicator{--spinner-size:0.8rem}a.pds-button.pds-button--lg,button.pds-button.pds-button--lg{font-size:1.2rem;height:3rem;max-height:3rem;padding:.9375rem 1.25rem}a.pds-button.pds-button--lg .pds-button__loading-indicator,button.pds-button.pds-button--lg .pds-button__loading-indicator{--spinner-size:1.25rem}a.pds-button.pds-button--secondary,button.pds-button.pds-button--secondary{--button-color-background:var(
14
2
  --pds-color-button-secondary-background-default
15
3
  );--button-color-border:var(--pds-color-button-secondary-border-default);--button-color-foreground:var(
16
4
  --pds-color-button-secondary-foreground-default
17
- )}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(
18
- --pds-color-button-secondary-background-hover
19
- );--button-color-border:var(--pds-color-button-secondary-border-hover);--button-color-foreground:var(
20
- --pds-color-button-secondary-foreground-hover
21
- )}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--button-color-background:var(
5
+ )}a.pds-button.pds-button--secondary .pds-button__loading-indicator,button.pds-button.pds-button--secondary .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--secondary:hover,button.pds-button.pds-button--secondary:hover:enabled{--button-color-background:var(--pds-color-button-secondary-background-hover);--button-color-border:var(--pds-color-button-secondary-border-hover);--button-color-foreground:var(--pds-color-button-secondary-foreground-hover)}a.pds-button.pds-button--secondary:active,button.pds-button.pds-button--secondary:active:enabled{--button-color-background:var(
22
6
  --pds-color-button-secondary-background-active
23
7
  );--button-color-border:var(--pds-color-button-secondary-border-active);--button-color-foreground:var(
24
8
  --pds-color-button-secondary-foreground-active
25
- )}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(
26
- --pds-color-button-subtle-background-default
27
- );--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
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{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(
30
- --pds-color-button-subtle-background-default
31
- );--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
32
- --pds-color-button-subtle-foreground-hover
33
- )}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(
34
- --pds-color-button-subtle-background-default
35
- );--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(
36
- --pds-color-button-subtle-foreground-active
37
- )}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(
38
- --pds-color-button-brand-background-default
39
- );--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(
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{--spinner-color-1:#23232d;--spinner-color-2:#726009;--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{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--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{--button-color-background:var(
42
- --pds-color-button-brand-background-active
43
- );--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(
44
- --pds-color-button-brand-foreground-active
45
- )}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
9
+ )}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-default);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{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-hover)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-active)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(--pds-color-button-brand-background-default);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(--pds-color-button-brand-foreground-default)}.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{--spinner-color-1:#23232d;--spinner-color-2:#726009;--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{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--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{--button-color-background:var(--pds-color-button-brand-background-active);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(--pds-color-button-brand-foreground-active)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
46
10
  --pds-color-button-brand-secondary-background-default
47
- );--button-color-border:var(
48
- --pds-color-button-brand-secondary-border-default
49
- );--button-color-foreground:var(
11
+ );--button-color-border:var(--pds-color-button-brand-secondary-border-default);--button-color-foreground:var(
50
12
  --pds-color-button-brand-secondary-foreground-default
51
13
  )}a.pds-button.pds-button--brand-secondary .pds-button__loading-indicator,button.pds-button.pds-button--brand-secondary .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--brand-secondary:hover,button.pds-button.pds-button--brand-secondary:hover:enabled{--button-color-background:var(
52
14
  --pds-color-button-brand-secondary-background-hover
53
- );--button-color-border:var(
54
- --pds-color-button-brand-secondary-border-hover
55
- );--button-color-foreground:var(
15
+ );--button-color-border:var(--pds-color-button-brand-secondary-border-hover);--button-color-foreground:var(
56
16
  --pds-color-button-brand-secondary-foreground-hover
57
17
  )}a.pds-button.pds-button--brand-secondary:active,button.pds-button.pds-button--brand-secondary:active:enabled{--button-color-background:var(
58
18
  --pds-color-button-brand-secondary-background-active
59
- );--button-color-border:var(
60
- --pds-color-button-brand-secondary-border-active
61
- );--button-color-foreground:var(
19
+ );--button-color-border:var(--pds-color-button-brand-secondary-border-active);--button-color-foreground:var(
62
20
  --pds-color-button-brand-secondary-foreground-active
63
21
  )}a.pds-button.pds-button--critical,button.pds-button.pds-button--critical{--button-color-background:var(
64
22
  --pds-color-button-critical-background-default
65
23
  );--button-color-border:var(--pds-color-button-critical-border-default);--button-color-foreground:var(
66
24
  --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{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#d46961;--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{--button-color-background:var(
68
- --pds-color-button-critical-background-hover
69
- );--button-color-border:var(--pds-color-button-critical-border-hover);--button-color-foreground:var(
70
- --pds-color-button-critical-foreground-hover
71
- )}a.pds-button.pds-button--critical:active,button.pds-button.pds-button--critical:active:enabled{--button-color-background:var(
72
- --pds-color-button-critical-background-active
73
- );--button-color-border:var(--pds-color-button-critical-border-active);--button-color-foreground:var(
74
- --pds-color-button-critical-foreground-active
75
- )}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(
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{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(
78
- --pds-color-button-navbar-foreground-hover
79
- )}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(
80
- --pds-color-button-navbar-foreground-active
81
- )}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}
25
+ )}a.pds-button.pds-button--critical .pds-button__loading-indicator,button.pds-button.pds-button--critical .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-critical-foreground-default);--spinner-color-2:#f3c9c6;--spinner-color-3:#d46961}a.pds-button.pds-button--critical:hover,button.pds-button.pds-button--critical:hover:enabled{--button-color-background:var(--pds-color-button-critical-background-hover);--button-color-border:var(--pds-color-button-critical-border-hover);--button-color-foreground:var(--pds-color-button-critical-foreground-hover)}a.pds-button.pds-button--critical:active,button.pds-button.pds-button--critical:active:enabled{--button-color-background:var(--pds-color-button-critical-background-active);--button-color-border:var(--pds-color-button-critical-border-active);--button-color-foreground:var(--pds-color-button-critical-foreground-active)}a.pds-button.pds-button--critical-secondary,button.pds-button.pds-button--critical-secondary{--button-color-background:var(
26
+ --pds-color-button-critical-secondary-background-default
27
+ );--button-color-border:var(
28
+ --pds-color-button-critical-secondary-border-default
29
+ );--button-color-foreground:var(
30
+ --pds-color-button-critical-secondary-foreground-default
31
+ )}a.pds-button.pds-button--critical-secondary .pds-button__loading-indicator,button.pds-button.pds-button--critical-secondary .pds-button__loading-indicator{--spinner-color-1:var(
32
+ --pds-color-button-critical-secondary-foreground-default
33
+ );--spinner-color-2:#d46961;--spinner-color-3:#f3c9c6}a.pds-button.pds-button--critical-secondary:hover,button.pds-button.pds-button--critical-secondary:hover:enabled{--button-color-background:var(
34
+ --pds-color-button-critical-secondary-background-hover
35
+ );--button-color-border:var(
36
+ --pds-color-button-critical-secondary-border-hover
37
+ );--button-color-foreground:var(
38
+ --pds-color-button-critical-secondary-foreground-hover
39
+ )}a.pds-button.pds-button--critical-secondary:active,button.pds-button.pds-button--critical-secondary:active:enabled{--button-color-background:var(
40
+ --pds-color-button-critical-secondary-background-active
41
+ );--button-color-border:var(
42
+ --pds-color-button-critical-secondary-border-active
43
+ );--button-color-foreground:var(
44
+ --pds-color-button-critical-secondary-foreground-active
45
+ )}a.pds-button.pds-button--navbar,button.pds-button.pds-button--navbar{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-default);font-weight:400}a.pds-button.pds-button--navbar .pds-button__loading-indicator,button.pds-button.pds-button--navbar .pds-button__loading-indicator{--spinner-color-1:#525560;--spinner-color-2:#6a6e7a;--spinner-color-3:#cfcfd3}a.pds-button.pds-button--navbar:hover,button.pds-button.pds-button--navbar:hover:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-hover)}a.pds-button.pds-button--navbar:active,button.pds-button.pds-button--navbar:active:enabled{--button-color-background:transparent;--button-color-border:transparent;--button-color-foreground:var(--pds-color-button-navbar-foreground-active)}button.pds-button.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);font-size:inherit;font-weight:400;height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding:0;transition:all .2s ease-in-out 0s}button.pds-button.pds-button--inline .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#6d6d78;--spinner-color-3:#cfcfd3}button.pds-button.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}button.pds-button.pds-button--inline:focus-visible{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-button-group,.pds-button-group--lg{display:flex;flex-direction:column;row-gap:1rem;width:100%}.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:-.512rem}@media (min-width:641px){.pds-button-group a.pds-button.pds-button--subtle,.pds-button-group button.pds-button.pds-button--subtle,.pds-button-group--lg a.pds-button.pds-button--subtle,.pds-button-group--lg button.pds-button.pds-button--subtle{margin-block:unset;margin-inline:-.25rem}.pds-button-group{column-gap:1.25rem;flex-direction:row;width:unset}.pds-button-group--lg{column-gap:1.563rem}}
package/_dist/css/component-css/pds-flow-steps.css CHANGED
@@ -1 +1 @@
1
- ol.pds-flow-steps{display:flex;flex-direction:column;font-family:Poppins,sans-serif;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%}
1
+ ol.pds-flow-steps{display:flex;flex-direction:column;font-family:Poppins,sans-serif;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{overflow-x:hidden;width:100%}