@pantheon-systems/pds-toolkit-react 2.0.0-alpha.18 → 2.0.0-alpha.19

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/FileDiff/FileDiff.d.ts +2 -2
  2. package/dist/components/inputs/FileUpload/FileUpload.d.ts +5 -0
  3. package/dist/css/component-css/pds-branch-diff.css +1 -1
  4. package/dist/css/component-css/pds-file-diff.css +1 -1
  5. package/dist/css/component-css/pds-file-upload.css +2 -2
  6. package/dist/css/component-css/pds-index.css +7 -7
  7. package/dist/css/component-css/pds-input-group.css +1 -1
  8. package/dist/css/component-css/pds-menu-button.css +1 -1
  9. package/dist/css/component-css/pds-popover.css +1 -1
  10. package/dist/css/pds-components.css +7 -7
  11. package/dist/css/pds-core.css +1 -1
  12. package/dist/index.css +1 -1
  13. package/dist/index.d.ts +5 -0
  14. package/dist/index.js +3064 -2771
  15. package/dist/index.js.map +1 -1
  16. package/package.json +1 -1
package/dist/components/FileDiff/FileDiff.d.ts CHANGED
@@ -23,7 +23,7 @@ export interface FileDiffProps extends ComponentPropsWithoutRef<'div'> {
23
23
  /**
24
24
  * Object with strings for tooltips and screen reader labels.
25
25
  */
26
- labelStrings?: {
26
+ translationStrings?: {
27
27
  additions?: string;
28
28
  deletions?: string;
29
29
  linesChanged?: string;
@@ -32,4 +32,4 @@ export interface FileDiffProps extends ComponentPropsWithoutRef<'div'> {
32
32
  /**
33
33
  * FileDiff UI component
34
34
  */
35
- export declare const FileDiff: ({ additions, className, componentWidth, deletions, labelStrings, ...props }: FileDiffProps) => import("react/jsx-runtime").JSX.Element;
35
+ export declare const FileDiff: ({ additions, className, componentWidth, deletions, translationStrings, ...props }: FileDiffProps) => import("react/jsx-runtime").JSX.Element;
package/dist/components/inputs/FileUpload/FileUpload.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './file-upload.css';
4
+ export type FileUploadSize = 's' | 'm';
4
5
  type LabelStrings = {
5
6
  chooseFile: string;
6
7
  clearButton: string;
@@ -73,6 +74,10 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
73
74
  * Should the label be visible? If false, it will render for screen readers only.
74
75
  */
75
76
  showLabel?: boolean;
77
+ /**
78
+ * Size of the input field.
79
+ */
80
+ size?: FileUploadSize;
76
81
  /**
77
82
  * Optional tooltip text to display additional information.
78
83
  */
package/dist/css/component-css/pds-branch-diff.css CHANGED
@@ -1 +1 @@
1
- .pds-branch-diff{height:2rem}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:var(--pds-spacing-2xl)}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-left:1px solid var(--pds-color-status-neutral-utility);text-align:left}.pds-branch-diff__number{display:block;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-utility);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}
1
+ .pds-branch-diff{height:var(--pds-spacing-2xl)}.pds-branch-diff .pds-tooltip,.pds-branch-diff .pds-tooltip__trigger-custom{width:100%}.pds-branch-diff__content{display:flex;height:var(--pds-spacing-2xl)}.pds-branch-diff__segment{position:relative;width:50%}.pds-branch-diff__segment--behind{text-align:right}.pds-branch-diff__segment--ahead{border-inline-start:var(--pds-border-width-default) solid var(--pds-color-status-neutral-indicator);text-align:left}.pds-branch-diff__number{display:block;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);height:var(--pds-spacing-m);line-height:var(--pds-typography-lh-s);padding-block:.0625rem;padding-inline:var(--pds-spacing-3xs);position:relative}.pds-branch-diff__line{height:var(--pds-spacing-xs);margin-block-start:var(--pds-spacing-4xs);min-width:.0625rem;position:absolute;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:41.95%}.pds-branch-diff__line--behind{background-color:var(--pds-color-status-neutral-background);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);right:0}.pds-branch-diff__line--ahead{background-color:var(--pds-color-status-neutral-indicator);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);left:0}.pds-branch-diff--loading .pds-branch-diff__segment--ahead{border-color:var(--pds-color-status-neutral-background)}.pds-branch-diff--loading .pds-branch-diff__line{background-color:var(--pulse-regular-base-color)}
package/dist/css/component-css/pds-file-diff.css CHANGED
@@ -1 +1 @@
1
- .pds-file-diff{align-items:center;display:flex;gap:.25rem;height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-file-diff .pds-file-diff__bars{align-items:center;display:flex;gap:.125rem;width:100%}.pds-file-diff .pds-file-diff__behind{position:relative}.pds-file-diff .pds-file-diff__behind .pds-file-diff__behind-bar{background-color:var(--pds-color-status-critical-utility);border-bottom-left-radius:6.25rem;border-top-left-radius:6.25rem;height:8px;right:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__ahead{position:relative}.pds-file-diff .pds-file-diff__ahead .pds-file-diff__ahead-bar{background-color:var(--pds-color-status-success-utility);border-bottom-right-radius:6.25rem;border-top-right-radius:6.25rem;height:8px;left:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__tooltip{display:block;padding-inline:0}
1
+ .pds-file-diff{align-items:center;display:flex;gap:var(--pds-spacing-4xs);height:1.0625rem;max-width:100%;width:100%}.pds-file-diff .pds-file-diff__total-changes{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs)}.pds-file-diff .pds-file-diff__bars{align-items:center;display:flex;gap:var(--pds-spacing-5xs);width:100%}.pds-file-diff .pds-file-diff__behind{position:relative}.pds-file-diff .pds-file-diff__behind .pds-file-diff__behind-bar{background-color:var(--pds-color-status-critical-foreground);border-bottom-left-radius:var(--pds-border-radius-bar);border-top-left-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);right:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__ahead{position:relative}.pds-file-diff .pds-file-diff__ahead .pds-file-diff__ahead-bar{background-color:var(--pds-color-status-success-foreground);border-bottom-right-radius:var(--pds-border-radius-bar);border-top-right-radius:var(--pds-border-radius-bar);height:var(--pds-spacing-xs);left:0;transition:width var(--pds-animation-duration-reveal) var(--pds-animation-timing-function-default);width:100%}.pds-file-diff .pds-file-diff__tooltip{display:block;padding-inline:0}
package/dist/css/component-css/pds-file-upload.css CHANGED
@@ -1,6 +1,6 @@
1
- .pds-file-upload__input-wrapper{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-default);display:flex;gap:var(--pds-spacing-s);column-gap:var(--pds-spacing-3xs);cursor:pointer;height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-3xs) var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-file-upload__input-wrapper .pds-input-prefix{margin-inline-start:var(--pds-spacing-3xs)}.pds-file-upload__input::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload__input{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);text-align:left;width:100%}.pds-file-upload__input:focus{outline:none}.pds-file-upload__input-label{all:unset;align-items:center;background-color:var(
1
+ .pds-file-upload__input-wrapper{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);column-gap:var(--pds-spacing-3xs);cursor:pointer;display:flex;height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-3xs) var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-file-upload__input-wrapper .pds-input-prefix{margin-inline-start:var(--pds-spacing-3xs)}.pds-file-upload--m .pds-file-upload__input-wrapper{column-gap:var(--pds-spacing-2xs);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-xs) var(--pds-spacing-s)}.pds-file-upload--m .pds-file-upload__input-label{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.pds-file-upload__input::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload__input{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-s);text-align:left;width:100%}.pds-file-upload__input:focus{outline:none}.pds-file-upload__input-label{all:unset;align-items:center;background-color:var(
2
2
  --pds-color-input-file-upload-button-background-default
3
- );border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-2xs);letter-spacing:0;line-height:1;padding:var(--pds-spacing-2xs) var(--pds-spacing-xs);white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
3
+ );border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-2xs);letter-spacing:0;line-height:1;padding:var(--pds-spacing-4xs) var(--pds-spacing-xs);white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
4
4
  --pds-color-input-file-upload-button-background-hover
5
5
  )}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label{cursor:not-allowed}.pds-file-upload.pds-is-disabled .pds-file-upload__input-label:hover{background-color:var(
6
6
  --pds-color-input-file-upload-button-background-default