@citygross/components 0.13.8 → 0.13.9

package/build/@types/components/FormElements/Select/Select.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 import { TFormElement } from '../FormElement.types';
 export declare type TSelect = {
     children?: React.ReactNode;
+    hideLabel?: boolean;
     isOpen?: boolean;
     label: string;
 } & TFormElement & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>;
-export declare const Select: ({ children, error, errorLabel, isOpen, label, size, ...props }: TSelect) => JSX.Element;
+export declare const Select: ({ children, error, errorLabel, hideLabel, isOpen, label, size, ...props }: TSelect) => JSX.Element;

package/build/cjs/components/src/components/FormElements/Select/Select.js

@@ -15,14 +15,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var Select = function (_a) {
-    var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, isOpen = _a.isOpen, label = _a.label, _b = _a.size, size = _b === void 0 ? FormElement_types.EFormElementSize.large : _b, props = _tslib.__rest(_a, ["children", "error", "errorLabel", "isOpen", "label", "size"]);
+    var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, hideLabel = _a.hideLabel, isOpen = _a.isOpen, label = _a.label, _b = _a.size, size = _b === void 0 ? FormElement_types.EFormElementSize.large : _b, props = _tslib.__rest(_a, ["children", "error", "errorLabel", "hideLabel", "isOpen", "label", "size"]);
     var id = props.id, required = props.required;
     var _c = formElement.getSizeAttributes(size), iconSize = _c.iconSize, restSizeAttributes = _tslib.__rest(_c, ["iconSize"]);
     var errorId = "".concat(id, "-error");
     return (React__default["default"].createElement(FormElement_styles.Wrapper, null,
-        React__default["default"].createElement(FormElement_styles.Label, { htmlFor: id },
+        hideLabel ? (React__default["default"].createElement(FormElement_styles.HiddenLabel, { htmlFor: id }, label)) : (React__default["default"].createElement(FormElement_styles.Label, { htmlFor: id },
             label,
-            required ? ' *' : ''),
+            required ? ' *' : '')),
         React__default["default"].createElement(Select_styles.SelectContainer, null,
             React__default["default"].createElement(Select_styles.SelectElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes }, props), children),
             React__default["default"].createElement(Select_styles.SelectIcon, { "aria-hidden": "true" }, isOpen ? (React__default["default"].createElement(icons.Icons.ChevronUp, { height: iconSize, width: iconSize })) : (React__default["default"].createElement(icons.Icons.ChevronDown, { height: iconSize, width: iconSize })))),

package/build/es/components/src/components/FormElements/Select/Select.js

@@ -2,19 +2,19 @@ import { __rest, __assign } from '../../../../../_virtual/_tslib.js';
 import React from 'react';
 import { Icons } from '@citygross/icons';
 import { getSizeAttributes } from '../../../helpers/form-element.js';
-import { Wrapper, Label, ErrorLabel } from '../FormElement.styles.js';
+import { Wrapper, HiddenLabel, Label, ErrorLabel } from '../FormElement.styles.js';
 import { SelectContainer, SelectElement, SelectIcon } from './Select.styles.js';
 import { EFormElementSize } from '../FormElement.types.js';
 
 var Select = function (_a) {
-    var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, isOpen = _a.isOpen, label = _a.label, _b = _a.size, size = _b === void 0 ? EFormElementSize.large : _b, props = __rest(_a, ["children", "error", "errorLabel", "isOpen", "label", "size"]);
+    var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, hideLabel = _a.hideLabel, isOpen = _a.isOpen, label = _a.label, _b = _a.size, size = _b === void 0 ? EFormElementSize.large : _b, props = __rest(_a, ["children", "error", "errorLabel", "hideLabel", "isOpen", "label", "size"]);
     var id = props.id, required = props.required;
     var _c = getSizeAttributes(size), iconSize = _c.iconSize, restSizeAttributes = __rest(_c, ["iconSize"]);
     var errorId = "".concat(id, "-error");
     return (React.createElement(Wrapper, null,
-        React.createElement(Label, { htmlFor: id },
+        hideLabel ? (React.createElement(HiddenLabel, { htmlFor: id }, label)) : (React.createElement(Label, { htmlFor: id },
             label,
-            required ? ' *' : ''),
+            required ? ' *' : '')),
         React.createElement(SelectContainer, null,
             React.createElement(SelectElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes }, props), children),
             React.createElement(SelectIcon, { "aria-hidden": "true" }, isOpen ? (React.createElement(Icons.ChevronUp, { height: iconSize, width: iconSize })) : (React.createElement(Icons.ChevronDown, { height: iconSize, width: iconSize })))),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.13.8",
+  "version": "0.13.9",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -75,5 +75,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "26f9c34d05c4eb9256ce5eb1f732c95db065ff8b"
+  "gitHead": "5a4cfec048d8fa5af1ebe7160b7ce5520aa7946a"
 }