@pantheon-systems/pds-toolkit-react 1.7.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/_dist/components/ComparisonList/ComparisonList.d.ts +5 -1
  2. package/_dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts +5 -1
  3. package/_dist/css/component-css/pds-comparison-list.css +1 -1
  4. package/_dist/css/component-css/pds-expansion-panel.css +1 -1
  5. package/_dist/css/component-css/pds-index.css +2 -2
  6. package/_dist/css/layout-css/pds-app-layout.css +2 -0
  7. package/_dist/css/layout-css/pds-dashboard-global.css +8 -0
  8. package/_dist/css/layout-css/pds-dashboard-inner.css +1 -0
  9. package/_dist/css/layout-css/pds-docs-layout.css +1 -0
  10. package/_dist/css/layout-css/pds-flex-container.css +1 -0
  11. package/_dist/css/layout-css/pds-index.css +9 -0
  12. package/_dist/css/layout-css/pds-stepper-layout.css +1 -0
  13. package/_dist/css/layout-css/pds-three-item-layout.css +1 -0
  14. package/_dist/css/layout-css/pds-two-item-layout.css +1 -0
  15. package/_dist/css/pds-components.css +2 -2
  16. package/_dist/docs/mcp-url-detector.d.ts +7 -1
  17. package/_dist/index.css +1 -1
  18. package/_dist/index.js +849 -831
  19. package/_dist/index.js.map +1 -1
  20. package/package.json +5 -6
package/_dist/components/ComparisonList/ComparisonList.d.ts CHANGED
@@ -30,6 +30,10 @@ export interface ComparisonListProps extends ComponentPropsWithoutRef<'div'> {
30
30
  * Render the icon labels for screen readers.
31
31
  */
32
32
  renderTypeLabels?: boolean;
33
+ /**
34
+ * Whether to show the border on list items.
35
+ */
36
+ showBorder?: boolean;
33
37
  /**
34
38
  * Icon labels
35
39
  */
@@ -38,5 +42,5 @@ export interface ComparisonListProps extends ComponentPropsWithoutRef<'div'> {
38
42
  /**
39
43
  * ComparisonList UI component
40
44
  */
41
- export declare const ComparisonList: ({ className, listItems, listLabel, moreLink, renderTypeLabels, typeLabels, ...props }: ComparisonListProps) => import("react/jsx-runtime").JSX.Element;
45
+ export declare const ComparisonList: ({ className, listItems, listLabel, moreLink, renderTypeLabels, showBorder, typeLabels, ...props }: ComparisonListProps) => import("react/jsx-runtime").JSX.Element;
42
46
  export {};
package/_dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts CHANGED
@@ -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 {};
package/_dist/css/component-css/pds-comparison-list.css CHANGED
@@ -1 +1 @@
1
- .pds-comparison-list{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-comparison-list__intro{font-size:1rem;font-weight:700;margin-block-end:1.563rem}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:1rem}.pds-comparison-list__list-item{border-bottom:1px solid var(--pds-color-border-default);column-gap:.64rem;display:grid;font-family:Poppins,sans-serif;font-size:1rem;grid-template-columns:1rem auto;padding-block-end:.8rem}.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:1.25rem}
1
+ .pds-comparison-list{color:var(--pds-color-fg-default);font-family:Poppins,sans-serif}.pds-comparison-list__intro{font-size:1rem;font-weight:700;margin-block-end:1.563rem}.pds-comparison-list__list{all:unset;display:flex;flex-direction:column;list-style-type:none;row-gap:1rem}.pds-comparison-list__list-item{border-bottom:1px solid var(--pds-color-border-default);column-gap:.64rem;display:grid;font-family:Poppins,sans-serif;font-size:1rem;grid-template-columns:1rem auto;padding-block-end:.8rem}.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:1.25rem}.pds-comparison-list--no-border .pds-comparison-list__list-item{border-bottom:none}
package/_dist/css/component-css/pds-expansion-panel.css CHANGED
@@ -1 +1 @@
1
- .pds-expansion-panel details{border:1px solid var(--pds-color-border-default);border-radius:.375rem;line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:.375rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:1.25rem;justify-content:space-between;padding:.64rem 1rem;transition:background-color all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel details>summary:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:.375rem .375rem 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:.8rem 1rem}
1
+ .pds-expansion-panel details{border:1px solid var(--pds-color-border-default);border-radius:.375rem;line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:.375rem;color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;gap:1.25rem;justify-content:space-between;padding:.64rem 1rem;transition:background-color all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel details>summary:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:all .2s cubic-bezier(.2,0,0,1) 0s}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:.375rem .375rem 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:.8rem 1rem}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}