@elliemae/ds-pills 2.0.0-rc.8 → 2.0.1

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 (6) hide show
  1. package/cjs/components/types/DropdownPill.js +5 -2
  2. package/cjs/components/types/RemovablePill.js +2 -1
  3. package/esm/components/types/DropdownPill.js +5 -2
  4. package/esm/components/types/RemovablePill.js +2 -1
  5. package/package.json +17 -12
  6. package/types/components/styled.d.ts +7 -1
package/cjs/components/types/DropdownPill.js CHANGED
@@ -57,7 +57,9 @@ const DropdownPill = /*#__PURE__*/React__default["default"].memo(_ref => {
57
57
  gutter: "2px",
58
58
  alignItems: "center",
59
59
  justifyItems: "center"
60
- }, void 0, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label), /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu.DSDropdownMenuV2, _objectSpread(_objectSpread({}, dropdownProps), {}, {
60
+ }, void 0, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label), /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu.DSDropdownMenuV2, _objectSpread(_objectSpread({
61
+ placementOrderPreference: ['bottom-start', 'bottom', 'bottom-end', 'right-end', 'top-start', 'top', 'top-end']
62
+ }, dropdownProps), {}, {
61
63
  onClickOutside: e => {
62
64
  if (e.code === 'Escape') chevronRef.current.focus();
63
65
  if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);
@@ -75,7 +77,8 @@ const DropdownPill = /*#__PURE__*/React__default["default"].memo(_ref => {
75
77
  onClick: onDropdownClick
76
78
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {
77
79
  color: ['brand-primary', '800'],
78
- size: "s"
80
+ width: 20,
81
+ height: 20
79
82
  }))
80
83
  })));
81
84
  });
package/cjs/components/types/RemovablePill.js CHANGED
@@ -63,7 +63,8 @@ const RemovablePill = /*#__PURE__*/React__default["default"].memo(_ref => {
63
63
  "aria-label": "Remove ".concat(label),
64
64
  type: "right"
65
65
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
66
- size: "s",
66
+ width: 22.65,
67
+ height: 22.65,
67
68
  color: ['brand-primary', '700']
68
69
  })));
69
70
  });
package/esm/components/types/DropdownPill.js CHANGED
@@ -47,7 +47,9 @@ const DropdownPill = /*#__PURE__*/React.memo(_ref => {
47
47
  gutter: "2px",
48
48
  alignItems: "center",
49
49
  justifyItems: "center"
50
- }, void 0, /*#__PURE__*/_jsx(TextComponent, {}, void 0, label), /*#__PURE__*/jsx(DSDropdownMenuV2, _objectSpread(_objectSpread({}, dropdownProps), {}, {
50
+ }, void 0, /*#__PURE__*/_jsx(TextComponent, {}, void 0, label), /*#__PURE__*/jsx(DSDropdownMenuV2, _objectSpread(_objectSpread({
51
+ placementOrderPreference: ['bottom-start', 'bottom', 'bottom-end', 'right-end', 'top-start', 'top', 'top-end']
52
+ }, dropdownProps), {}, {
51
53
  onClickOutside: e => {
52
54
  if (e.code === 'Escape') chevronRef.current.focus();
53
55
  if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);
@@ -65,7 +67,8 @@ const DropdownPill = /*#__PURE__*/React.memo(_ref => {
65
67
  onClick: onDropdownClick
66
68
  }, void 0, /*#__PURE__*/_jsx(ChevronSmallDown, {
67
69
  color: ['brand-primary', '800'],
68
- size: "s"
70
+ width: 20,
71
+ height: 20
69
72
  }))
70
73
  })));
71
74
  });
package/esm/components/types/RemovablePill.js CHANGED
@@ -54,7 +54,8 @@ const RemovablePill = /*#__PURE__*/React.memo(_ref => {
54
54
  "aria-label": "Remove ".concat(label),
55
55
  type: "right"
56
56
  }, void 0, /*#__PURE__*/_jsx(CloseXsmall, {
57
- size: "s",
57
+ width: 22.65,
58
+ height: 22.65,
58
59
  color: ['brand-primary', '700']
59
60
  })));
60
61
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-pills",
3
- "version": "2.0.0-rc.8",
3
+ "version": "2.0.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Pills",
6
6
  "module": "./esm/index.js",
@@ -144,22 +144,27 @@
144
144
  "build": "node ../../scripts/build/build.js"
145
145
  },
146
146
  "dependencies": {
147
- "@elliemae/ds-classnames": "2.0.0-rc.8",
148
- "@elliemae/ds-dropdownmenu": "2.0.0-rc.8",
149
- "@elliemae/ds-form": "2.0.0-rc.8",
150
- "@elliemae/ds-grid": "2.0.0-rc.8",
151
- "@elliemae/ds-icons": "2.0.0-rc.8",
152
- "@elliemae/ds-modal": "2.0.0-rc.8",
153
- "@elliemae/ds-popover": "2.0.0-rc.8",
154
- "@elliemae/ds-shared": "2.0.0-rc.8",
155
- "@elliemae/ds-system": "2.0.0-rc.8",
156
- "@elliemae/ds-tooltip": "2.0.0-rc.8",
157
- "@elliemae/ds-utilities": "2.0.0-rc.8",
147
+ "@elliemae/ds-button": "2.0.1",
148
+ "@elliemae/ds-classnames": "2.0.1",
149
+ "@elliemae/ds-dropdownmenu": "2.0.1",
150
+ "@elliemae/ds-form": "2.0.1",
151
+ "@elliemae/ds-grid": "2.0.1",
152
+ "@elliemae/ds-icons": "2.0.1",
153
+ "@elliemae/ds-modal": "2.0.1",
154
+ "@elliemae/ds-popover": "2.0.1",
155
+ "@elliemae/ds-props-helpers": "2.0.1",
156
+ "@elliemae/ds-shared": "2.0.1",
157
+ "@elliemae/ds-system": "2.0.1",
158
+ "@elliemae/ds-tooltip": "2.0.1",
159
+ "@elliemae/ds-truncated-tooltip-text": "2.0.1",
160
+ "@elliemae/ds-utilities": "2.0.1",
158
161
  "prop-types": "~15.7.2",
159
162
  "react-desc": "~4.1.3",
160
163
  "uid": "~2.0.0"
161
164
  },
162
165
  "devDependencies": {
166
+ "@testing-library/react": "~12.1.2",
167
+ "@testing-library/user-event": "~13.5.0",
163
168
  "styled-components": "~5.3.3"
164
169
  },
165
170
  "peerDependencies": {
package/types/components/styled.d.ts CHANGED
@@ -15,4 +15,10 @@ export declare const StyledRemovablePillWrapper: import("styled-components").Sty
15
15
  }, never>;
16
16
  export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
17
17
  export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
18
- export declare const StyledPillButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
18
+ export declare const StyledPillButton: import("styled-components").StyledComponent<{
19
+ (props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
20
+ propTypes: import("react").WeakValidationMap<unknown>;
21
+ }, import("styled-components").DefaultTheme, {
22
+ width: string;
23
+ height: string;
24
+ }, never>;