@citygross/components 0.13.7 → 0.13.9

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.
@@ -2,4 +2,4 @@
2
2
  export declare const CartItemSummaryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
3
  export declare const CancelledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
4
  export declare const ItemInformationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
5
- export declare const AmountText: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").IH3) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const AmountText: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").TH3) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
@@ -2,7 +2,8 @@ import React from 'react';
2
2
  import { TFormElement } from '../FormElement.types';
3
3
  export declare type TSelect = {
4
4
  children?: React.ReactNode;
5
+ hideLabel?: boolean;
5
6
  isOpen?: boolean;
6
7
  label: string;
7
8
  } & TFormElement & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>;
8
- export declare const Select: ({ children, error, errorLabel, isOpen, label, size, ...props }: TSelect) => JSX.Element;
9
+ export declare const Select: ({ children, error, errorLabel, hideLabel, isOpen, label, size, ...props }: TSelect) => JSX.Element;
@@ -16,7 +16,7 @@ export declare type TWrapMobile = {
16
16
  };
17
17
  export declare const BaseRadioListItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadiolistItemcontainer, never>;
18
18
  export declare const BaseRadioItemLeftWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioItemInputWrapper, never>;
19
- export declare const StyledH3: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").IH3) => JSX.Element, import("styled-components").DefaultTheme, {
19
+ export declare const StyledH3: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").TH3) => JSX.Element, import("styled-components").DefaultTheme, {
20
20
  as: string;
21
21
  } & TBaseRadioItemInputWrapper, "as">;
22
22
  export declare const RadioRightWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -6,6 +6,6 @@ declare type TBaseTimelineList = {
6
6
  };
7
7
  export declare const BaseTimelineItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
8
  export declare const BaseTimeline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
- export declare const TimeLineH3: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").IH3) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
9
+ export declare const TimeLineH3: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").TH3) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
10
10
  export declare const BaseTimelineList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseTimelineList, never>;
11
11
  export {};
@@ -15,14 +15,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
 
17
17
  var Select = function (_a) {
18
- 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"]);
18
+ 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"]);
19
19
  var id = props.id, required = props.required;
20
20
  var _c = formElement.getSizeAttributes(size), iconSize = _c.iconSize, restSizeAttributes = _tslib.__rest(_c, ["iconSize"]);
21
21
  var errorId = "".concat(id, "-error");
22
22
  return (React__default["default"].createElement(FormElement_styles.Wrapper, null,
23
- React__default["default"].createElement(FormElement_styles.Label, { htmlFor: id },
23
+ hideLabel ? (React__default["default"].createElement(FormElement_styles.HiddenLabel, { htmlFor: id }, label)) : (React__default["default"].createElement(FormElement_styles.Label, { htmlFor: id },
24
24
  label,
25
- required ? ' *' : ''),
25
+ required ? ' *' : '')),
26
26
  React__default["default"].createElement(Select_styles.SelectContainer, null,
27
27
  React__default["default"].createElement(Select_styles.SelectElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes }, props), children),
28
28
  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 })))),
@@ -2,19 +2,19 @@ import { __rest, __assign } from '../../../../../_virtual/_tslib.js';
2
2
  import React from 'react';
3
3
  import { Icons } from '@citygross/icons';
4
4
  import { getSizeAttributes } from '../../../helpers/form-element.js';
5
- import { Wrapper, Label, ErrorLabel } from '../FormElement.styles.js';
5
+ import { Wrapper, HiddenLabel, Label, ErrorLabel } from '../FormElement.styles.js';
6
6
  import { SelectContainer, SelectElement, SelectIcon } from './Select.styles.js';
7
7
  import { EFormElementSize } from '../FormElement.types.js';
8
8
 
9
9
  var Select = function (_a) {
10
- 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"]);
10
+ 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"]);
11
11
  var id = props.id, required = props.required;
12
12
  var _c = getSizeAttributes(size), iconSize = _c.iconSize, restSizeAttributes = __rest(_c, ["iconSize"]);
13
13
  var errorId = "".concat(id, "-error");
14
14
  return (React.createElement(Wrapper, null,
15
- React.createElement(Label, { htmlFor: id },
15
+ hideLabel ? (React.createElement(HiddenLabel, { htmlFor: id }, label)) : (React.createElement(Label, { htmlFor: id },
16
16
  label,
17
- required ? ' *' : ''),
17
+ required ? ' *' : '')),
18
18
  React.createElement(SelectContainer, null,
19
19
  React.createElement(SelectElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes }, props), children),
20
20
  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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.13.7",
3
+ "version": "0.13.9",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -67,7 +67,7 @@
67
67
  "@citygross/design-tokens": "^0.2.80",
68
68
  "@citygross/icons": "^0.3.0",
69
69
  "@citygross/react-use-bg-wizard": "^0.0.8",
70
- "@citygross/typography": "^0.0.115",
70
+ "@citygross/typography": "^0.0.116",
71
71
  "@citygross/utils": "^0.0.43",
72
72
  "framer-motion": "^4.1.17",
73
73
  "moment": "^2.29.1",
@@ -75,5 +75,5 @@
75
75
  "react-slick": "^0.30.1",
76
76
  "slick-carousel": "^1.8.1"
77
77
  },
78
- "gitHead": "c27f3892f1fd338bdbcf553d5149512efabd8b2c"
78
+ "gitHead": "5a4cfec048d8fa5af1ebe7160b7ce5520aa7946a"
79
79
  }