@citygross/components 0.14.5 → 0.14.6

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/Checkbox/Checkbox.d.ts +2 -1
  2. package/build/@types/components/FormElements/FormElement.styles.d.ts +1 -0
  3. package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js +2 -2
  4. package/build/cjs/components/src/components/FormElements/FormElement.styles.js +4 -1
  5. package/build/cjs/components/src/components/FormElements/FormElement.styles.js.map +1 -1
  6. package/build/es/components/src/components/FormElements/Checkbox/Checkbox.js +2 -2
  7. package/build/es/components/src/components/FormElements/FormElement.styles.js +4 -1
  8. package/build/es/components/src/components/FormElements/FormElement.styles.js.map +1 -1
  9. package/package.json +2 -2
package/build/@types/components/FormElements/Checkbox/Checkbox.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
2
  export declare type TCheckbox = {
3
+ alignItems?: 'flex-start' | 'center';
3
4
  hideLabel?: boolean;
4
5
  label: string;
5
6
  } & InputHTMLAttributes<HTMLInputElement>;
6
- export declare const Checkbox: ({ checked, disabled, hideLabel, label, ...props }: TCheckbox) => JSX.Element;
7
+ export declare const Checkbox: ({ alignItems, checked, disabled, hideLabel, label, ...props }: TCheckbox) => JSX.Element;
package/build/@types/components/FormElements/FormElement.styles.d.ts CHANGED
@@ -4,6 +4,7 @@ export declare const Label: import("styled-components").StyledComponent<"label",
4
4
  export declare const sharedFormElementStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<TFormElementStyles, import("styled-components").DefaultTheme>>;
5
5
  export declare const ErrorLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
6
6
  declare type TOptionInputWrapper = {
7
+ alignItems?: 'flex-start' | 'center';
7
8
  disabled?: boolean;
8
9
  focused?: boolean;
9
10
  };
package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js CHANGED
@@ -16,9 +16,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
 
18
18
  var Checkbox = function (_a) {
19
- var checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = _tslib.__rest(_a, ["checked", "disabled", "hideLabel", "label"]);
19
+ var alignItems = _a.alignItems, checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = _tslib.__rest(_a, ["alignItems", "checked", "disabled", "hideLabel", "label"]);
20
20
  var _b = formElement.getColorAttributes(checked, disabled), iconColor = _b.iconColor, labelColor = _b.labelColor, attributes = _tslib.__rest(_b, ["iconColor", "labelColor"]);
21
- return (React__default["default"].createElement(FormElement_styles.OptionInputWrapper, { as: "label", disabled: disabled },
21
+ return (React__default["default"].createElement(FormElement_styles.OptionInputWrapper, { alignItems: alignItems, as: "label", disabled: disabled },
22
22
  React__default["default"].createElement(FormElement_styles.HiddenInput, _tslib.__assign({ checked: checked, disabled: disabled, type: "checkbox" }, props)),
23
23
  React__default["default"].createElement(Checkbox_styles.CheckboxContainer, { attributes: attributes },
24
24
  React__default["default"].createElement(Checkbox_styles.IconContainer, null,
package/build/cjs/components/src/components/FormElements/FormElement.styles.js CHANGED
@@ -82,9 +82,12 @@ var ErrorLabel = styled__default["default"].label(templateObject_4 || (templateO
82
82
  var theme = _a.theme;
83
83
  return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s2;
84
84
  });
85
- var OptionInputWrapper = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n cursor: ", ";\n display: inline-flex;\n align-items: flex-start;\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"], ["\n cursor: ", ";\n display: inline-flex;\n align-items: flex-start;\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"])), function (_a) {
85
+ var OptionInputWrapper = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n cursor: ", ";\n display: inline-flex;\n align-items: ", ";\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"], ["\n cursor: ", ";\n display: inline-flex;\n align-items: ", ";\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"])), function (_a) {
86
86
  var disabled = _a.disabled;
87
87
  return (disabled ? 'not-allowed' : 'pointer');
88
+ }, function (_a) {
89
+ var alignItems = _a.alignItems;
90
+ return alignItems || 'center';
88
91
  }, function (_a) {
89
92
  var _b;
90
93
  var theme = _a.theme;
package/build/cjs/components/src/components/FormElements/FormElement.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormElement.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormElement.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/FormElements/Checkbox/Checkbox.js CHANGED
@@ -8,9 +8,9 @@ import { OptionInputWrapper, HiddenInput } from '../FormElement.styles.js';
8
8
  import { CheckboxContainer, IconContainer } from './Checkbox.styles.js';
9
9
 
10
10
  var Checkbox = function (_a) {
11
- var checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = __rest(_a, ["checked", "disabled", "hideLabel", "label"]);
11
+ var alignItems = _a.alignItems, checked = _a.checked, disabled = _a.disabled, hideLabel = _a.hideLabel, label = _a.label, props = __rest(_a, ["alignItems", "checked", "disabled", "hideLabel", "label"]);
12
12
  var _b = getColorAttributes(checked, disabled), iconColor = _b.iconColor, labelColor = _b.labelColor, attributes = __rest(_b, ["iconColor", "labelColor"]);
13
- return (React.createElement(OptionInputWrapper, { as: "label", disabled: disabled },
13
+ return (React.createElement(OptionInputWrapper, { alignItems: alignItems, as: "label", disabled: disabled },
14
14
  React.createElement(HiddenInput, __assign({ checked: checked, disabled: disabled, type: "checkbox" }, props)),
15
15
  React.createElement(CheckboxContainer, { attributes: attributes },
16
16
  React.createElement(IconContainer, null,
package/build/es/components/src/components/FormElements/FormElement.styles.js CHANGED
@@ -74,9 +74,12 @@ var ErrorLabel = styled.label(templateObject_4 || (templateObject_4 = __makeTemp
74
74
  var theme = _a.theme;
75
75
  return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s2;
76
76
  });
77
- var OptionInputWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: ", ";\n display: inline-flex;\n align-items: flex-start;\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"], ["\n cursor: ", ";\n display: inline-flex;\n align-items: flex-start;\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"])), function (_a) {
77
+ var OptionInputWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n cursor: ", ";\n display: inline-flex;\n align-items: ", ";\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"], ["\n cursor: ", ";\n display: inline-flex;\n align-items: ", ";\n gap: ", "px;\n padding: ", "px;\n position: relative;\n\n &:has(input:focus-visible) {\n border-radius: ", "px;\n box-shadow: ", ";\n }\n"])), function (_a) {
78
78
  var disabled = _a.disabled;
79
79
  return (disabled ? 'not-allowed' : 'pointer');
80
+ }, function (_a) {
81
+ var alignItems = _a.alignItems;
82
+ return alignItems || 'center';
80
83
  }, function (_a) {
81
84
  var _b;
82
85
  var theme = _a.theme;
package/build/es/components/src/components/FormElements/FormElement.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormElement.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FormElement.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.14.5",
3
+ "version": "0.14.6",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -75,5 +75,5 @@
75
75
  "react-slick": "^0.30.1",
76
76
  "slick-carousel": "^1.8.1"
77
77
  },
78
- "gitHead": "78a4d8252a80d5fbe3460b0c67d6c28d7b25b2bc"
78
+ "gitHead": "8aedc3a7880afa6eafa4c2e39a3f4fb2610fdfbd"
79
79
  }