@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
package/dist/ui-core.esm.js
CHANGED
|
@@ -6,7 +6,7 @@ import { QuestionIcon, CloseIcon, HamburgerIcon } from '@chakra-ui/icons';
|
|
|
6
6
|
import { Link as Link$3 } from 'react-router-dom';
|
|
7
7
|
import { HiOutlineRefresh } from 'react-icons/hi';
|
|
8
8
|
import { ChakraProvider } from '@chakra-ui/provider';
|
|
9
|
-
import {
|
|
9
|
+
import { transparentize, mode, getColor } from '@chakra-ui/theme-tools';
|
|
10
10
|
import { defineStyle } from '@chakra-ui/system';
|
|
11
11
|
import { checkboxAnatomy } from '@chakra-ui/anatomy';
|
|
12
12
|
|
|
@@ -812,6 +812,7 @@ var _excluded = ["type", "isRequired", "rightElement", "leftElement", "defaultVa
|
|
|
812
812
|
* A functional React component utilized to render the `StackedInput` component.
|
|
813
813
|
*/
|
|
814
814
|
var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref) {
|
|
815
|
+
var _props$placeholder;
|
|
815
816
|
var _ref2$type = _ref2.type,
|
|
816
817
|
type = _ref2$type === void 0 ? 'text' : _ref2$type,
|
|
817
818
|
isRequired = _ref2.isRequired,
|
|
@@ -824,7 +825,7 @@ var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref)
|
|
|
824
825
|
var isMobile = variant === 'mobile';
|
|
825
826
|
var placeholder = isMobile && label ? label : undefined;
|
|
826
827
|
return /*#__PURE__*/React__default.createElement(InputGroup, null, leftElement && leftElement, label, /*#__PURE__*/React__default.createElement(Input$2, Object.assign({}, props, {
|
|
827
|
-
placeholder: placeholder,
|
|
828
|
+
placeholder: (_props$placeholder = props.placeholder) != null ? _props$placeholder : placeholder,
|
|
828
829
|
type: type,
|
|
829
830
|
isRequired: isRequired,
|
|
830
831
|
ref: _ref,
|
|
@@ -3781,13 +3782,12 @@ var Text = function Text(_ref) {
|
|
|
3781
3782
|
/**
|
|
3782
3783
|
* Breakpoints for responsive design
|
|
3783
3784
|
*/
|
|
3784
|
-
var
|
|
3785
|
+
var breakpoints = {
|
|
3785
3786
|
sm: '30em',
|
|
3786
3787
|
md: '48em',
|
|
3787
3788
|
lg: '62em',
|
|
3788
3789
|
xl: '80em'
|
|
3789
3790
|
};
|
|
3790
|
-
var breakpoints = /*#__PURE__*/createBreakpoints(breakpointValues);
|
|
3791
3791
|
|
|
3792
3792
|
var shadows = {
|
|
3793
3793
|
xs: '0 0 0 1px rgba(0, 0, 0, 0.05)',
|