@citygross/components 0.8.156 → 0.8.157

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 (9) hide show
  1. package/build/@types/components/FormElements/Input/Input.d.ts +2 -1
  2. package/build/@types/components/FormElements/Input/Input.styles.d.ts +3 -1
  3. package/build/cjs/components/src/components/FormElements/Input/Input.js +2 -2
  4. package/build/cjs/components/src/components/FormElements/Input/Input.styles.js +4 -1
  5. package/build/cjs/components/src/components/FormElements/Input/Input.styles.js.map +1 -1
  6. package/build/es/components/src/components/FormElements/Input/Input.js +2 -2
  7. package/build/es/components/src/components/FormElements/Input/Input.styles.js +4 -1
  8. package/build/es/components/src/components/FormElements/Input/Input.styles.js.map +1 -1
  9. package/package.json +2 -2
package/build/@types/components/FormElements/Input/Input.d.ts CHANGED
@@ -3,9 +3,10 @@ import { TFormElement } from '../FormElement.types';
3
3
  export declare type TInput = {
4
4
  elementLeft?: React.ReactElement;
5
5
  elementRight?: React.ReactElement;
6
+ fullWidth?: boolean;
6
7
  hideLabel?: boolean;
7
8
  label: string;
8
9
  paddingLeft?: number;
9
10
  unit?: string;
10
11
  } & TFormElement & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
11
- export declare const Input: ({ elementLeft, elementRight, hideLabel, error, errorLabel, label, paddingLeft, size, unit, ...props }: TInput) => JSX.Element;
12
+ export declare const Input: ({ elementLeft, elementRight, fullWidth, hideLabel, error, errorLabel, label, paddingLeft, size, unit, ...props }: TInput) => JSX.Element;
package/build/@types/components/FormElements/Input/Input.styles.d.ts CHANGED
@@ -1,5 +1,7 @@
1
+ import { TInput } from './Input';
1
2
  export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
- export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
+ declare type TInputContainer = Pick<TInput, 'fullWidth'>;
4
+ export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TInputContainer, never>;
3
5
  export declare const InputElement: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
4
6
  paddingLeft?: number | undefined;
5
7
  } & {
package/build/cjs/components/src/components/FormElements/Input/Input.js CHANGED
@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
 
19
19
  var Input = function (_a) {
20
20
  var _b;
21
- var elementLeft = _a.elementLeft, elementRight = _a.elementRight, hideLabel = _a.hideLabel, error = _a.error, errorLabel = _a.errorLabel, label = _a.label, paddingLeft = _a.paddingLeft, _c = _a.size, size = _c === void 0 ? FormElement_types.EFormElementSize.large : _c, unit = _a.unit, props = _tslib.__rest(_a, ["elementLeft", "elementRight", "hideLabel", "error", "errorLabel", "label", "paddingLeft", "size", "unit"]);
21
+ var elementLeft = _a.elementLeft, elementRight = _a.elementRight, fullWidth = _a.fullWidth, hideLabel = _a.hideLabel, error = _a.error, errorLabel = _a.errorLabel, label = _a.label, paddingLeft = _a.paddingLeft, _c = _a.size, size = _c === void 0 ? FormElement_types.EFormElementSize.large : _c, unit = _a.unit, props = _tslib.__rest(_a, ["elementLeft", "elementRight", "fullWidth", "hideLabel", "error", "errorLabel", "label", "paddingLeft", "size", "unit"]);
22
22
  var id = props.id, required = props.required;
23
23
  var sizeAttributes = formElement.getSizeAttributes(size);
24
24
  var errorId = "".concat(id, "-error");
@@ -27,7 +27,7 @@ var Input = function (_a) {
27
27
  label,
28
28
  required ? ' *' : ''))),
29
29
  React__default["default"].createElement(Input_styles.InputWrapper, null,
30
- React__default["default"].createElement(Input_styles.InputContainer, null,
30
+ React__default["default"].createElement(Input_styles.InputContainer, { fullWidth: fullWidth },
31
31
  elementLeft && (React__default["default"].createElement(Input_styles.AbsoluteContainer, null, elementLeft)),
32
32
  React__default["default"].createElement(Input_styles.InputElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, paddingLeft: paddingLeft, sizeAttributes: sizeAttributes }, props)),
33
33
  elementRight && (React__default["default"].createElement(Input_styles.AbsoluteContainer, { right: true }, elementRight))),
package/build/cjs/components/src/components/FormElements/Input/Input.styles.js CHANGED
@@ -15,7 +15,10 @@ var InputWrapper = styled__default["default"].div(templateObject_1 || (templateO
15
15
  var theme = _a.theme;
16
16
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
17
17
  });
18
- var InputContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
18
+ var InputContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n position: relative;\n ", "\n"], ["\n position: relative;\n ", "\n"])), function (_a) {
19
+ var fullWidth = _a.fullWidth;
20
+ return fullWidth && "width: 100%;";
21
+ });
19
22
  var InputElement = styled__default["default"].input(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), FormElement_styles.sharedFormElementStyles, function (_a) {
20
23
  var paddingLeft = _a.paddingLeft;
21
24
  return paddingLeft && "padding-left: ".concat(paddingLeft, "px;");
package/build/cjs/components/src/components/FormElements/Input/Input.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/FormElements/Input/Input.js CHANGED
@@ -10,7 +10,7 @@ import { EFormElementSize } from '../FormElement.types.js';
10
10
 
11
11
  var Input = function (_a) {
12
12
  var _b;
13
- var elementLeft = _a.elementLeft, elementRight = _a.elementRight, hideLabel = _a.hideLabel, error = _a.error, errorLabel = _a.errorLabel, label = _a.label, paddingLeft = _a.paddingLeft, _c = _a.size, size = _c === void 0 ? EFormElementSize.large : _c, unit = _a.unit, props = __rest(_a, ["elementLeft", "elementRight", "hideLabel", "error", "errorLabel", "label", "paddingLeft", "size", "unit"]);
13
+ var elementLeft = _a.elementLeft, elementRight = _a.elementRight, fullWidth = _a.fullWidth, hideLabel = _a.hideLabel, error = _a.error, errorLabel = _a.errorLabel, label = _a.label, paddingLeft = _a.paddingLeft, _c = _a.size, size = _c === void 0 ? EFormElementSize.large : _c, unit = _a.unit, props = __rest(_a, ["elementLeft", "elementRight", "fullWidth", "hideLabel", "error", "errorLabel", "label", "paddingLeft", "size", "unit"]);
14
14
  var id = props.id, required = props.required;
15
15
  var sizeAttributes = getSizeAttributes(size);
16
16
  var errorId = "".concat(id, "-error");
@@ -19,7 +19,7 @@ var Input = function (_a) {
19
19
  label,
20
20
  required ? ' *' : ''))),
21
21
  React.createElement(InputWrapper, null,
22
- React.createElement(InputContainer, null,
22
+ React.createElement(InputContainer, { fullWidth: fullWidth },
23
23
  elementLeft && (React.createElement(AbsoluteContainer, null, elementLeft)),
24
24
  React.createElement(InputElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, paddingLeft: paddingLeft, sizeAttributes: sizeAttributes }, props)),
25
25
  elementRight && (React.createElement(AbsoluteContainer, { right: true }, elementRight))),
package/build/es/components/src/components/FormElements/Input/Input.styles.js CHANGED
@@ -7,7 +7,10 @@ var InputWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
7
7
  var theme = _a.theme;
8
8
  return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
9
9
  });
10
- var InputContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
10
+ var InputContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n ", "\n"], ["\n position: relative;\n ", "\n"])), function (_a) {
11
+ var fullWidth = _a.fullWidth;
12
+ return fullWidth && "width: 100%;";
13
+ });
11
14
  var InputElement = styled.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), sharedFormElementStyles, function (_a) {
12
15
  var paddingLeft = _a.paddingLeft;
13
16
  return paddingLeft && "padding-left: ".concat(paddingLeft, "px;");
package/build/es/components/src/components/FormElements/Input/Input.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Input.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.156",
3
+ "version": "0.8.157",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
74
74
  "react-slick": "^0.30.1",
75
75
  "slick-carousel": "^1.8.1"
76
76
  },
77
- "gitHead": "5926cf533930d03d684e0268237b25641946be1c"
77
+ "gitHead": "8bf2ee39f36d0bb8d7145c06f379b7cd79b756b7"
78
78
  }