baseui 0.0.0-next-ac6ef6c → 0.0.0-next-2992a67

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 (15) hide show
  1. package/banner/banner.js +8 -1
  2. package/banner/styled-components.js +1 -1
  3. package/checkbox/checkbox.js +2 -0
  4. package/checkbox/types.d.ts +2 -0
  5. package/checkbox/types.js.flow +2 -0
  6. package/es/banner/banner.js +8 -1
  7. package/es/banner/styled-components.js +1 -1
  8. package/es/checkbox/checkbox.js +2 -0
  9. package/es/menu/menu.js +3 -1
  10. package/esm/banner/banner.js +8 -1
  11. package/esm/banner/styled-components.js +1 -1
  12. package/esm/checkbox/checkbox.js +2 -0
  13. package/esm/menu/menu.js +3 -1
  14. package/menu/menu.js +3 -1
  15. package/package.json +1 -1
package/banner/banner.js CHANGED
@@ -194,7 +194,14 @@ function Trailing(_ref3) {
194
194
  },
195
195
  onClick: action.onClick,
196
196
  size: _index.SIZE.compact,
197
- shape: _index.SHAPE.pill
197
+ shape: _index.SHAPE.pill,
198
+ overrides: {
199
+ BaseButton: {
200
+ style: {
201
+ whiteSpace: 'nowrap'
202
+ }
203
+ }
204
+ }
198
205
  }, action.label));
199
206
  }
200
207
 
package/banner/styled-components.js CHANGED
@@ -31,7 +31,7 @@ var StyledRoot = (0, _styles.styled)('div', function (_ref) {
31
31
  display: 'grid',
32
32
  gridColumnGap: $theme.sizing.scale600,
33
33
  gridTemplateColumns: 'min-content auto min-content',
34
- gridTemplateRows: 'auto min-content',
34
+ gridTemplateRows: 'auto minmax(0, min-content)',
35
35
  marginTop: $theme.sizing.scale600,
36
36
  marginRight: $theme.sizing.scale600,
37
37
  marginBottom: $theme.sizing.scale600,
package/checkbox/checkbox.js CHANGED
@@ -161,6 +161,7 @@ var StatelessCheckbox = /*#__PURE__*/function (_React$Component) {
161
161
  error = _this$props2.error,
162
162
  disabled = _this$props2.disabled,
163
163
  value = _this$props2.value,
164
+ id = _this$props2.id,
164
165
  name = _this$props2.name,
165
166
  type = _this$props2.type,
166
167
  checked = _this$props2.checked,
@@ -226,6 +227,7 @@ var StatelessCheckbox = /*#__PURE__*/function (_React$Component) {
226
227
  $labelPlacement: labelPlacement
227
228
  }, sharedProps, mouseEvents, (0, _overrides.getOverrideProps)(RootOverride)), (labelPlacement === 'top' || labelPlacement === 'left') && labelComp, this.props.checkmarkType === _constants.STYLE_TYPE.toggle ? /*#__PURE__*/React.createElement(ToggleTrack, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(ToggleTrackOverride)), /*#__PURE__*/React.createElement(Toggle, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(ToggleOverride)))) : /*#__PURE__*/React.createElement(Checkmark, _extends({}, sharedProps, (0, _overrides.getOverrideProps)(CheckmarkOverride))), /*#__PURE__*/React.createElement(Input, _extends({
228
229
  value: value,
230
+ id: id,
229
231
  name: name,
230
232
  checked: checked,
231
233
  required: required,
package/checkbox/types.d.ts CHANGED
@@ -59,6 +59,8 @@ export declare type CheckboxProps = {
59
59
  autoFocus?: boolean;
60
60
  /** Passed to the input element type attribute */
61
61
  type?: string;
62
+ /** Passed to the input element id attribute */
63
+ id?: string;
62
64
  /** Passed to the input element name attribute */
63
65
  name?: string;
64
66
  /** Passed to the input element value attribute */
package/checkbox/types.js.flow CHANGED
@@ -68,6 +68,8 @@ export type PropsT = {
68
68
  autoFocus?: boolean,
69
69
  /** Passed to the input element type attribute */
70
70
  type?: string,
71
+ /** Passed to the input element id attribute */
72
+ id?: string,
71
73
  /** Passed to the input element name attribute */
72
74
  name?: string,
73
75
  /** Passed to the input element value attribute */
package/es/banner/banner.js CHANGED
@@ -160,7 +160,14 @@ function Trailing({
160
160
  },
161
161
  onClick: action.onClick,
162
162
  size: BUTTON_SIZE.compact,
163
- shape: BUTTON_SHAPE.pill
163
+ shape: BUTTON_SHAPE.pill,
164
+ overrides: {
165
+ BaseButton: {
166
+ style: {
167
+ whiteSpace: 'nowrap'
168
+ }
169
+ }
170
+ }
164
171
  }, action.label));
165
172
  }
166
173
 
package/es/banner/styled-components.js CHANGED
@@ -23,7 +23,7 @@ export const StyledRoot = styled('div', ({
23
23
  display: 'grid',
24
24
  gridColumnGap: $theme.sizing.scale600,
25
25
  gridTemplateColumns: 'min-content auto min-content',
26
- gridTemplateRows: 'auto min-content',
26
+ gridTemplateRows: 'auto minmax(0, min-content)',
27
27
  marginTop: $theme.sizing.scale600,
28
28
  marginRight: $theme.sizing.scale600,
29
29
  marginBottom: $theme.sizing.scale600,
package/es/checkbox/checkbox.js CHANGED
@@ -104,6 +104,7 @@ class StatelessCheckbox extends React.Component {
104
104
  error,
105
105
  disabled,
106
106
  value,
107
+ id,
107
108
  name,
108
109
  type,
109
110
  checked,
@@ -163,6 +164,7 @@ class StatelessCheckbox extends React.Component {
163
164
  $labelPlacement: labelPlacement
164
165
  }, sharedProps, mouseEvents, getOverrideProps(RootOverride)), (labelPlacement === 'top' || labelPlacement === 'left') && labelComp, this.props.checkmarkType === STYLE_TYPE.toggle ? /*#__PURE__*/React.createElement(ToggleTrack, _extends({}, sharedProps, getOverrideProps(ToggleTrackOverride)), /*#__PURE__*/React.createElement(Toggle, _extends({}, sharedProps, getOverrideProps(ToggleOverride)))) : /*#__PURE__*/React.createElement(Checkmark, _extends({}, sharedProps, getOverrideProps(CheckmarkOverride))), /*#__PURE__*/React.createElement(Input, _extends({
165
166
  value: value,
167
+ id: id,
166
168
  name: name,
167
169
  checked: checked,
168
170
  required: required,
package/es/menu/menu.js CHANGED
@@ -66,7 +66,9 @@ export default function Menu(props) {
66
66
  } = props;
67
67
 
68
68
  if (item.divider === true) {
69
- return /*#__PURE__*/React.createElement(MenuDivider, menuDividerProps);
69
+ return /*#__PURE__*/React.createElement(MenuDivider, _extends({
70
+ key: itemIndex
71
+ }, menuDividerProps));
70
72
  }
71
73
 
72
74
  const {
package/esm/banner/banner.js CHANGED
@@ -182,7 +182,14 @@ function Trailing(_ref3) {
182
182
  },
183
183
  onClick: action.onClick,
184
184
  size: BUTTON_SIZE.compact,
185
- shape: BUTTON_SHAPE.pill
185
+ shape: BUTTON_SHAPE.pill,
186
+ overrides: {
187
+ BaseButton: {
188
+ style: {
189
+ whiteSpace: 'nowrap'
190
+ }
191
+ }
192
+ }
186
193
  }, action.label));
187
194
  }
188
195
 
package/esm/banner/styled-components.js CHANGED
@@ -22,7 +22,7 @@ export var StyledRoot = styled('div', function (_ref) {
22
22
  display: 'grid',
23
23
  gridColumnGap: $theme.sizing.scale600,
24
24
  gridTemplateColumns: 'min-content auto min-content',
25
- gridTemplateRows: 'auto min-content',
25
+ gridTemplateRows: 'auto minmax(0, min-content)',
26
26
  marginTop: $theme.sizing.scale600,
27
27
  marginRight: $theme.sizing.scale600,
28
28
  marginBottom: $theme.sizing.scale600,
package/esm/checkbox/checkbox.js CHANGED
@@ -152,6 +152,7 @@ var StatelessCheckbox = /*#__PURE__*/function (_React$Component) {
152
152
  error = _this$props2.error,
153
153
  disabled = _this$props2.disabled,
154
154
  value = _this$props2.value,
155
+ id = _this$props2.id,
155
156
  name = _this$props2.name,
156
157
  type = _this$props2.type,
157
158
  checked = _this$props2.checked,
@@ -210,6 +211,7 @@ var StatelessCheckbox = /*#__PURE__*/function (_React$Component) {
210
211
  $labelPlacement: labelPlacement
211
212
  }, sharedProps, mouseEvents, getOverrideProps(RootOverride)), (labelPlacement === 'top' || labelPlacement === 'left') && labelComp, this.props.checkmarkType === STYLE_TYPE.toggle ? /*#__PURE__*/React.createElement(ToggleTrack, _extends({}, sharedProps, getOverrideProps(ToggleTrackOverride)), /*#__PURE__*/React.createElement(Toggle, _extends({}, sharedProps, getOverrideProps(ToggleOverride)))) : /*#__PURE__*/React.createElement(Checkmark, _extends({}, sharedProps, getOverrideProps(CheckmarkOverride))), /*#__PURE__*/React.createElement(Input, _extends({
212
213
  value: value,
214
+ id: id,
213
215
  name: name,
214
216
  checked: checked,
215
217
  required: required,
package/esm/menu/menu.js CHANGED
@@ -119,7 +119,9 @@ export default function Menu(props) {
119
119
  } : _props$getRequiredIte;
120
120
 
121
121
  if (item.divider === true) {
122
- return /*#__PURE__*/React.createElement(MenuDivider, menuDividerProps);
122
+ return /*#__PURE__*/React.createElement(MenuDivider, _extends({
123
+ key: itemIndex
124
+ }, menuDividerProps));
123
125
  }
124
126
 
125
127
  var _getRequiredItemProps = getRequiredItemProps(item, itemIndex),
package/menu/menu.js CHANGED
@@ -132,7 +132,9 @@ function Menu(props) {
132
132
  } : _props$getRequiredIte;
133
133
 
134
134
  if (item.divider === true) {
135
- return /*#__PURE__*/React.createElement(MenuDivider, menuDividerProps);
135
+ return /*#__PURE__*/React.createElement(MenuDivider, _extends({
136
+ key: itemIndex
137
+ }, menuDividerProps));
136
138
  }
137
139
 
138
140
  var _getRequiredItemProps = getRequiredItemProps(item, itemIndex),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-ac6ef6c",
3
+ "version": "0.0.0-next-2992a67",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",