@xqmsg/ui-core 0.26.0 → 0.26.2
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.
- package/dist/theme/foundations/breakpoints.d.ts +4 -1
- package/dist/ui-core.cjs.development.js +3 -3
- package/dist/ui-core.cjs.development.js.map +1 -1
- package/dist/ui-core.cjs.production.min.js +1 -1
- package/dist/ui-core.cjs.production.min.js.map +1 -1
- package/dist/ui-core.esm.js +4 -4
- package/dist/ui-core.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/input/Input.stories.tsx +22 -4
- package/src/components/input/StackedInput/StackedInput.tsx +1 -1
- package/src/theme/foundations/breakpoints.ts +2 -7
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
import { BaseBreakpointConfig } from '@chakra-ui/theme-tools';
|
|
2
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Breakpoints for responsive design
|
|
4
|
+
*/
|
|
5
|
+
declare const breakpoints: BaseBreakpointConfig;
|
|
3
6
|
export default breakpoints;
|
|
@@ -819,6 +819,7 @@ var _excluded = ["type", "isRequired", "rightElement", "leftElement", "defaultVa
|
|
|
819
819
|
* A functional React component utilized to render the `StackedInput` component.
|
|
820
820
|
*/
|
|
821
821
|
var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref) {
|
|
822
|
+
var _props$placeholder;
|
|
822
823
|
var _ref2$type = _ref2.type,
|
|
823
824
|
type = _ref2$type === void 0 ? 'text' : _ref2$type,
|
|
824
825
|
isRequired = _ref2.isRequired,
|
|
@@ -831,7 +832,7 @@ var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref)
|
|
|
831
832
|
var isMobile = variant === 'mobile';
|
|
832
833
|
var placeholder = isMobile && label ? label : undefined;
|
|
833
834
|
return /*#__PURE__*/React__default.createElement(react.InputGroup, null, leftElement && leftElement, label, /*#__PURE__*/React__default.createElement(react.Input, Object.assign({}, props, {
|
|
834
|
-
placeholder: placeholder,
|
|
835
|
+
placeholder: (_props$placeholder = props.placeholder) != null ? _props$placeholder : placeholder,
|
|
835
836
|
type: type,
|
|
836
837
|
isRequired: isRequired,
|
|
837
838
|
ref: _ref,
|
|
@@ -3788,13 +3789,12 @@ var Text = function Text(_ref) {
|
|
|
3788
3789
|
/**
|
|
3789
3790
|
* Breakpoints for responsive design
|
|
3790
3791
|
*/
|
|
3791
|
-
var
|
|
3792
|
+
var breakpoints = {
|
|
3792
3793
|
sm: '30em',
|
|
3793
3794
|
md: '48em',
|
|
3794
3795
|
lg: '62em',
|
|
3795
3796
|
xl: '80em'
|
|
3796
3797
|
};
|
|
3797
|
-
var breakpoints = /*#__PURE__*/themeTools.createBreakpoints(breakpointValues);
|
|
3798
3798
|
|
|
3799
3799
|
var shadows = {
|
|
3800
3800
|
xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',
|