@pantheon-systems/pds-toolkit-react 1.0.0-dev.216 → 1.0.0-dev.218

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/inputs/FileUpload/FileUpload.d.ts +8 -0
  2. package/_dist/components/progress-indicators/Spinner/Spinner.d.ts +1 -2
  3. package/_dist/css/component-css/pds-button.css +4 -4
  4. package/_dist/css/component-css/pds-checkbox-group.css +1 -1
  5. package/_dist/css/component-css/pds-dropdown-menu.css +1 -1
  6. package/_dist/css/component-css/pds-index.css +8 -8
  7. package/_dist/css/component-css/pds-input-utilities.css +1 -1
  8. package/_dist/css/component-css/pds-radio-group.css +1 -1
  9. package/_dist/css/component-css/pds-spinner.css +1 -1
  10. package/_dist/css/component-css/pds-tab-menu.css +1 -1
  11. package/_dist/css/component-css/pds-workspace-selector.css +1 -1
  12. package/_dist/css/pds-components.css +8 -8
  13. package/_dist/index.css +1 -1
  14. package/_dist/index.js +1312 -1295
  15. package/_dist/index.js.map +1 -1
  16. package/package.json +1 -1
package/_dist/components/inputs/FileUpload/FileUpload.d.ts CHANGED
@@ -13,6 +13,10 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
13
13
  * File types the input should accept. Leave null for all file types.
14
14
  */
15
15
  accept?: string;
16
+ /**
17
+ * Default value for the input field as a string that represents the path to a file.
18
+ */
19
+ defaultValue?: string;
16
20
  /**
17
21
  * Is the field disabled?
18
22
  */
@@ -57,6 +61,10 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
57
61
  * Is the field required?
58
62
  */
59
63
  required?: boolean;
64
+ /**
65
+ * Should the full path of the file be displayed for the default value?
66
+ */
67
+ showFullPath?: boolean;
60
68
  /**
61
69
  * Should the label be visible? If false, it will render for screen readers only.
62
70
  */
package/_dist/components/progress-indicators/Spinner/Spinner.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { ComponentPropsWithoutRef } from 'react';
2
2
  import './spinner.css';
3
- interface SpinnerProps extends ComponentPropsWithoutRef<'span'> {
3
+ export interface SpinnerProps extends ComponentPropsWithoutRef<'span'> {
4
4
  /**
5
5
  * Spinner color
6
6
  */
@@ -30,4 +30,3 @@ interface SpinnerProps extends ComponentPropsWithoutRef<'span'> {
30
30
  * Spinner UI component
31
31
  */
32
32
  export declare const Spinner: ({ colorType, isInline, label, showLabel, size, className, ...props }: SpinnerProps) => React.JSX.Element;
33
- export {};
package/_dist/css/component-css/pds-button.css CHANGED
@@ -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:#23232d;--pds-spinner-color-2:#6d6d78;--pds-spinner-color-3:#cfcfd3}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--pds-button-color-background:var(
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:#705e00;--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(
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:#d97163;--pds-spinner-color-3:#efc2bc}.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(
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:#23232d;--pds-spinner-color-2:#6d6d78;--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(
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
package/_dist/css/component-css/pds-checkbox-group.css CHANGED
@@ -1 +1 @@
1
- .pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:.512rem;margin-inline-start:.125rem;row-gap:1rem}
1
+ .pds-checkbox-group__options{display:flex;flex-direction:column;margin-block-end:.512rem;margin-inline-start:.125rem;row-gap:1.25rem}
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-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}