@elliemae/ds-pills 2.0.0-alpha.5 → 2.0.0-alpha.9

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 (44) hide show
  1. package/cjs/components/Pill.js +4 -4
  2. package/cjs/components/PillButton.js +51 -0
  3. package/cjs/components/PillGroup.js +3 -3
  4. package/cjs/components/index.js +3 -0
  5. package/cjs/components/styled.js +33 -52
  6. package/cjs/components/types/DropdownPill.js +34 -32
  7. package/cjs/components/types/InputPill.js +32 -25
  8. package/cjs/components/types/LabelPill.js +14 -6
  9. package/cjs/components/types/ReadOnlyPill.js +20 -10
  10. package/cjs/components/types/RemovablePill.js +30 -19
  11. package/cjs/components/types/ValuePill.js +20 -9
  12. package/cjs/deprecated/DropdownPill.js +6 -6
  13. package/cjs/deprecated/InputPill.js +9 -9
  14. package/cjs/deprecated/LabeledDropdownPills.js +3 -3
  15. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js +4 -4
  16. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js +4 -4
  17. package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js +6 -6
  18. package/cjs/deprecated/LabeledPills.js +2 -2
  19. package/cjs/deprecated/OverflowPill.js +3 -3
  20. package/cjs/deprecated/Pill.js +4 -4
  21. package/cjs/deprecated/PillGroup.js +2 -2
  22. package/cjs/deprecated/ReadOnlyPill.js +4 -4
  23. package/cjs/deprecated/RemovablePill.js +5 -5
  24. package/cjs/index.js +4 -1
  25. package/cjs/props.js +18 -3
  26. package/esm/components/Pill.js +3 -3
  27. package/esm/components/PillButton.js +41 -0
  28. package/esm/components/index.js +1 -0
  29. package/esm/components/styled.js +28 -44
  30. package/esm/components/types/DropdownPill.js +34 -33
  31. package/esm/components/types/InputPill.js +30 -24
  32. package/esm/components/types/LabelPill.js +12 -4
  33. package/esm/components/types/ReadOnlyPill.js +20 -10
  34. package/esm/components/types/RemovablePill.js +29 -19
  35. package/esm/components/types/ValuePill.js +20 -9
  36. package/esm/deprecated/InputPill.js +2 -2
  37. package/esm/deprecated/RemovablePill.js +2 -2
  38. package/esm/index.js +1 -0
  39. package/esm/props.js +16 -3
  40. package/package.json +13 -9
  41. package/types/components/PillButton.d.ts +5 -0
  42. package/types/components/index.d.ts +1 -0
  43. package/types/components/styled.d.ts +30 -7
  44. package/types/props.d.ts +13 -0
package/types/components/styled.d.ts CHANGED
@@ -1,17 +1,40 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
3
- value: string;
4
- inputWidth: number;
5
- }, never>;
6
- export declare const StyledCloseIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
7
- export declare const StyledChevronDown: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
8
2
  export declare const StyledLabelPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
9
3
  export declare const StyledValuePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
10
4
  export declare const StyledInputPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
11
5
  value: string;
12
6
  inputWidth: number;
7
+ inputHasFocus: boolean;
13
8
  }, never>;
14
9
  export declare const StyledDropdownPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
15
- export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
10
+ export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {
11
+ hasIconRight: boolean;
12
+ hasIconLeft: boolean;
13
+ }, never>;
16
14
  export declare const StyledRemovablePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
17
15
  export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, any, {}, never>;
16
+ export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", any, {}, never>;
17
+ export declare const StyledPillButton: import("styled-components").StyledComponent<{
18
+ (props: any): JSX.Element;
19
+ propTypes: {
20
+ id: any;
21
+ buttonType: any;
22
+ size: any;
23
+ disabled: any;
24
+ onClick: any;
25
+ onKeyDown: any;
26
+ onBlur: any;
27
+ onFocus: any;
28
+ className: any;
29
+ tabIndex: any;
30
+ innerRef: any;
31
+ 'aria-label': any;
32
+ 'aria-pressed': any;
33
+ 'data-testid': any;
34
+ role: any;
35
+ children: any;
36
+ };
37
+ }, any, {
38
+ width: string;
39
+ height: string;
40
+ }, never>;
package/types/props.d.ts CHANGED
@@ -2,6 +2,8 @@ export declare const DSPillV2PropTypes: {
2
2
  label: any;
3
3
  type: any;
4
4
  innerRef: any;
5
+ ariaLabel: any;
6
+ tooltipValue: any;
5
7
  iconLeft: any;
6
8
  iconRight: any;
7
9
  onRemove: any;
@@ -11,8 +13,14 @@ export declare const DSPillV2PropTypes: {
11
13
  inputWidth: any;
12
14
  dropdownProps: any;
13
15
  };
16
+ export declare const DSPillButtonPropTypes: {
17
+ type: any;
18
+ width: any;
19
+ height: any;
20
+ };
14
21
  export declare const DSPillV2DefaultProps: {
15
22
  innerRef: () => null;
23
+ ariaLabel: string;
16
24
  tooltipValue: string;
17
25
  iconLeft: null;
18
26
  iconRight: null;
@@ -24,3 +32,8 @@ export declare const DSPillV2DefaultProps: {
24
32
  inputRender: any;
25
33
  dropdownProps: {};
26
34
  };
35
+ export declare const DSPillButtonDefaultProps: {
36
+ type: string;
37
+ width: string;
38
+ height: string;
39
+ };