@pantheon-systems/pds-toolkit-react 2.0.0-alpha.27 → 2.0.0-alpha.29

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 (37) hide show
  1. package/dist/components/{footer/SiteFooter → SiteFooter}/SiteFooter.d.ts +8 -4
  2. package/dist/css/component-css/pds-dropdown-menu.css +1 -1
  3. package/dist/css/component-css/pds-index.css +5 -5
  4. package/dist/css/component-css/pds-site-footer.css +1 -1
  5. package/dist/css/component-css/pds-tabs.css +1 -1
  6. package/dist/css/design-tokens/variables.dark.css +1 -41
  7. package/dist/css/design-tokens/variables.global.css +2 -2
  8. package/dist/css/design-tokens/variables.light.css +1 -41
  9. package/dist/css/layout-css/pds-app-layout.css +2 -1
  10. package/dist/css/layout-css/pds-index.css +2 -1
  11. package/dist/css/pds-components.css +5 -5
  12. package/dist/css/pds-core.css +3 -2
  13. package/dist/css/pds-layouts.css +2 -1
  14. package/dist/index.css +1 -1
  15. package/dist/index.d.ts +1 -0
  16. package/dist/index.js +1417 -1372
  17. package/dist/index.js.map +1 -1
  18. package/dist/index.source.d.ts +1 -9
  19. package/dist/libs/types/navigation-types.d.ts +8 -0
  20. package/package.json +4 -4
  21. package/dist/components/CTASlice/CTASlice.d.ts +0 -43
  22. package/dist/components/PullQuote/PullQuote.d.ts +0 -34
  23. package/dist/components/SocialLinks/SocialLinks.d.ts +0 -23
  24. package/dist/components/footer/FooterHeading/FooterHeading.d.ts +0 -22
  25. package/dist/components/footer/FooterLinks/FooterLinks.d.ts +0 -26
  26. package/dist/components/footer/SiteFooter/footer-content.d.ts +0 -1
  27. package/dist/components/tiles/AvatarTileList/AvatarTileList.d.ts +0 -28
  28. package/dist/components/tiles/Tile/Tile.d.ts +0 -42
  29. package/dist/components/tiles/TileGrid/TileGrid.d.ts +0 -29
  30. package/dist/css/component-css/pds-avatar-tile-list.css +0 -1
  31. package/dist/css/component-css/pds-cta-slice.css +0 -1
  32. package/dist/css/component-css/pds-footer-heading.css +0 -1
  33. package/dist/css/component-css/pds-footer-links.css +0 -1
  34. package/dist/css/component-css/pds-pull-quote.css +0 -1
  35. package/dist/css/component-css/pds-social-links.css +0 -1
  36. package/dist/css/component-css/pds-tile.css +0 -1
  37. package/dist/css/component-css/pds-tiles-common.css +0 -1
package/dist/components/{footer/SiteFooter → SiteFooter}/SiteFooter.d.ts RENAMED
@@ -1,7 +1,7 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ContainerWidth } from '../../../libs/types/custom-types';
2
+ import { ContainerWidth } from '../../libs/types/custom-types';
3
3
  import './site-footer.css';
4
- interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
4
+ export interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
5
5
  /**
6
6
  * HTML element to render. Use 'footer' for standalone usage or 'div' when nested inside another footer landmark.
7
7
  */
@@ -26,9 +26,13 @@ interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
26
26
  * Legal policy links.
27
27
  */
28
28
  legalLinks?: Array<'privacy' | 'dataSubjectRequest' | 'cookiePolicy' | 'termsOfUse' | 'acceptableUse' | 'accessibilityStatement'>;
29
+ /**
30
+ * The background color of the surface this footer is placed on.
31
+ * Use 'secondary' to strengthen the internal divider border when the footer sits on a secondary background.
32
+ */
33
+ surfaceColor?: 'default' | 'secondary';
29
34
  }
30
35
  /**
31
36
  * SiteFooter UI component
32
37
  */
33
- export declare const SiteFooter: ({ as: Element, children, className, containerWidth, hasTopBorder, legalLinks, ...props }: SiteFooterProps) => import("react/jsx-runtime").JSX.Element;
34
- export {};
38
+ export declare const SiteFooter: ({ as: Element, children, className, containerWidth, hasTopBorder, legalLinks, surfaceColor, ...props }: SiteFooterProps) => import("react/jsx-runtime").JSX.Element;
package/dist/css/component-css/pds-dropdown-menu.css CHANGED
@@ -1,2 +1,2 @@
1
1
  .pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-dropdown-menu__heading a{color:var(--pds-color-fg-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-ui-hover)}.pds-dropdown-menu__trigger{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-input);color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height-m);justify-content:space-between;padding:0 var(--pds-spacing-s);text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__trigger[aria-expanded=true]
2
- .pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:30rem;overflow-y:auto;width:100%}.pds-dropdown-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-dropdown-menu__item--second-level>a{padding-inline-start:var(--pds-spacing-2xl)}.pds-dropdown-menu__item--third-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__item--fourth-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__active-label{display:flex}.pds-dropdown-menu__active-icon{margin-inline:var(--pds-spacing-m)}
2
+ .pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:30rem;overflow-y:auto;width:100%}.pds-dropdown-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-dropdown-menu__item--second-level>a{padding-inline-start:var(--pds-spacing-2xl)}.pds-dropdown-menu__item--third-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__item--fourth-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__active-label{display:flex}.pds-dropdown-menu__active-icon{margin-inline:var(--pds-spacing-m)}.pds-dropdown-menu__separator{background-color:var(--pds-color-border-default);block-size:1px;margin-block:token("spacing.XS" to rem);pointer-events:none}