@citygross/components 0.18.2 → 0.18.4

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/Select/Select.d.ts +2 -1
  2. package/build/@types/components/ListItem/ListItem.d.ts +1 -0
  3. package/build/cjs/components/src/components/FormElements/Select/Select.js +5 -3
  4. package/build/cjs/components/src/components/FormElements/Select/Select.js.map +1 -1
  5. package/build/cjs/components/src/components/ListItem/ListItem.js +1 -1
  6. package/build/es/components/src/components/FormElements/Select/Select.js +5 -3
  7. package/build/es/components/src/components/FormElements/Select/Select.js.map +1 -1
  8. package/build/es/components/src/components/ListItem/ListItem.js +1 -1
  9. package/package.json +2 -2
package/build/@types/components/FormElements/Select/Select.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { TFormElement } from '../FormElement.types';
3
3
  export declare type TSelect = {
4
+ iconColor?: string;
4
5
  isOpen?: boolean;
5
6
  } & TFormElement & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>;
6
- export declare const Select: ({ children, error, errorLabel, hideLabel, id, isOpen, label, required, size, ...props }: TSelect) => React.JSX.Element;
7
+ export declare const Select: ({ children, error, errorLabel, hideLabel, iconColor, id, isOpen, label, required, size, ...props }: TSelect) => React.JSX.Element;
package/build/@types/components/ListItem/ListItem.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare type TItem = {
12
12
  status?: {
13
13
  label: string;
14
14
  textSize?: TextTypes.TextSize;
15
+ color?: string;
15
16
  };
16
17
  };
17
18
  export declare enum EListItemAlignment {
package/build/cjs/components/src/components/FormElements/Select/Select.js CHANGED
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _tslib = require('../../../../../_virtual/_tslib.js');
6
6
  var React = require('react');
7
+ var designTokens = require('@citygross/design-tokens');
7
8
  var icons = require('@citygross/icons');
8
9
  var formElement = require('../../../helpers/form-element.js');
9
10
  var FormElement_styles = require('../FormElement.styles.js');
@@ -15,8 +16,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
16
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
17
 
17
18
  var Select = function (_a) {
18
- var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, hideLabel = _a.hideLabel, id = _a.id, isOpen = _a.isOpen, label = _a.label, required = _a.required, _b = _a.size, size = _b === void 0 ? FormElement_types.EFormElementSize.large : _b, props = _tslib.__rest(_a, ["children", "error", "errorLabel", "hideLabel", "id", "isOpen", "label", "required", "size"]);
19
- var _c = formElement.getSizeAttributes(size), iconSize = _c.iconSize, restSizeAttributes = _tslib.__rest(_c, ["iconSize"]);
19
+ var _b;
20
+ var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, hideLabel = _a.hideLabel, _c = _a.iconColor, iconColor = _c === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.darkest : _c, id = _a.id, isOpen = _a.isOpen, label = _a.label, required = _a.required, _d = _a.size, size = _d === void 0 ? FormElement_types.EFormElementSize.large : _d, props = _tslib.__rest(_a, ["children", "error", "errorLabel", "hideLabel", "iconColor", "id", "isOpen", "label", "required", "size"]);
21
+ var _e = formElement.getSizeAttributes(size), iconSize = _e.iconSize, restSizeAttributes = _tslib.__rest(_e, ["iconSize"]);
20
22
  var errorId = "".concat(id, "-error");
21
23
  return (React__default["default"].createElement(FormElement_styles.Wrapper, null,
22
24
  hideLabel ? (React__default["default"].createElement(FormElement_styles.HiddenLabel, { htmlFor: id }, label)) : (React__default["default"].createElement(FormElement_styles.Label, { htmlFor: id },
@@ -24,7 +26,7 @@ var Select = function (_a) {
24
26
  required ? ' *' : '')),
25
27
  React__default["default"].createElement(Select_styles.SelectContainer, null,
26
28
  React__default["default"].createElement(Select_styles.SelectElement, _tslib.__assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes, id: id, required: required }, props), children),
27
- 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 })))),
29
+ React__default["default"].createElement(Select_styles.SelectIcon, { "aria-hidden": "true" }, isOpen ? (React__default["default"].createElement(icons.Icons.ChevronUp, { color: iconColor, height: iconSize, width: iconSize })) : (React__default["default"].createElement(icons.Icons.ChevronDown, { color: iconColor, height: iconSize, width: iconSize })))),
28
30
  error && errorLabel && (React__default["default"].createElement(FormElement_styles.ErrorLabel, { id: errorId }, errorLabel))));
29
31
  };
30
32
 
package/build/cjs/components/src/components/FormElements/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/ListItem/ListItem.js CHANGED
@@ -45,7 +45,7 @@ var ListItem = function (_a) {
45
45
  checkboxes && checkboxes.length > 0 && (React__default["default"].createElement(Skeleton__default["default"], { height: 20, width: smallSkeleton ? 150 : 200, count: checkboxes.length, style: { marginTop: '8px' } })))) : (React__default["default"].createElement(React.Fragment, null,
46
46
  showPriceStripe && (React__default["default"].createElement(PriceStripe.PriceStripe, { size: PriceTag_types.EPriceSize.SMALL, variant: PriceTag_types.EPriceVariant.PRIO })),
47
47
  React__default["default"].createElement(ProductHeader.ProductHeader, { location: ProductHeader.EProductHeader.LIST_ITEM, subtitle: item === null || item === void 0 ? void 0 : item.subtitle, title: item === null || item === void 0 ? void 0 : item.name }),
48
- ((_b = item === null || item === void 0 ? void 0 : item.status) === null || _b === void 0 ? void 0 : _b.label) && (React__default["default"].createElement(AvailabilityLabel.AvailabilityLabel, { label: item.status.label, textSize: item.status.textSize })),
48
+ ((_b = item === null || item === void 0 ? void 0 : item.status) === null || _b === void 0 ? void 0 : _b.label) && (React__default["default"].createElement(AvailabilityLabel.AvailabilityLabel, { label: item.status.label, textSize: item.status.textSize, color: item.status.color })),
49
49
  checkboxes && checkboxes.length > 0 && (React__default["default"].createElement(Fieldset.Fieldset, null,
50
50
  checkboxLegendLabel && (React__default["default"].createElement(ListItem_styles.VisuallyHiddenLegend, null, checkboxLegendLabel)),
51
51
  React__default["default"].createElement(ListItem_styles.CheckboxContainer, null, checkboxes.map(function (checkbox, index) {
package/build/es/components/src/components/FormElements/Select/Select.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { __rest, __assign } from '../../../../../_virtual/_tslib.js';
2
2
  import React from 'react';
3
+ import { theme } from '@citygross/design-tokens';
3
4
  import { Icons } from '@citygross/icons';
4
5
  import { getSizeAttributes } from '../../../helpers/form-element.js';
5
6
  import { Wrapper, HiddenLabel, Label, ErrorLabel } from '../FormElement.styles.js';
@@ -7,8 +8,9 @@ import { SelectContainer, SelectElement, SelectIcon } from './Select.styles.js';
7
8
  import { EFormElementSize } from '../FormElement.types.js';
8
9
 
9
10
  var Select = function (_a) {
10
- var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, hideLabel = _a.hideLabel, id = _a.id, isOpen = _a.isOpen, label = _a.label, required = _a.required, _b = _a.size, size = _b === void 0 ? EFormElementSize.large : _b, props = __rest(_a, ["children", "error", "errorLabel", "hideLabel", "id", "isOpen", "label", "required", "size"]);
11
- var _c = getSizeAttributes(size), iconSize = _c.iconSize, restSizeAttributes = __rest(_c, ["iconSize"]);
11
+ var _b;
12
+ var children = _a.children, error = _a.error, errorLabel = _a.errorLabel, hideLabel = _a.hideLabel, _c = _a.iconColor, iconColor = _c === void 0 ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest : _c, id = _a.id, isOpen = _a.isOpen, label = _a.label, required = _a.required, _d = _a.size, size = _d === void 0 ? EFormElementSize.large : _d, props = __rest(_a, ["children", "error", "errorLabel", "hideLabel", "iconColor", "id", "isOpen", "label", "required", "size"]);
13
+ var _e = getSizeAttributes(size), iconSize = _e.iconSize, restSizeAttributes = __rest(_e, ["iconSize"]);
12
14
  var errorId = "".concat(id, "-error");
13
15
  return (React.createElement(Wrapper, null,
14
16
  hideLabel ? (React.createElement(HiddenLabel, { htmlFor: id }, label)) : (React.createElement(Label, { htmlFor: id },
@@ -16,7 +18,7 @@ var Select = function (_a) {
16
18
  required ? ' *' : '')),
17
19
  React.createElement(SelectContainer, null,
18
20
  React.createElement(SelectElement, __assign({ "aria-describedby": error && errorLabel ? errorId : undefined, "aria-invalid": !!error, error: error, sizeAttributes: restSizeAttributes, id: id, required: required }, props), children),
19
- React.createElement(SelectIcon, { "aria-hidden": "true" }, isOpen ? (React.createElement(Icons.ChevronUp, { height: iconSize, width: iconSize })) : (React.createElement(Icons.ChevronDown, { height: iconSize, width: iconSize })))),
21
+ React.createElement(SelectIcon, { "aria-hidden": "true" }, isOpen ? (React.createElement(Icons.ChevronUp, { color: iconColor, height: iconSize, width: iconSize })) : (React.createElement(Icons.ChevronDown, { color: iconColor, height: iconSize, width: iconSize })))),
20
22
  error && errorLabel && (React.createElement(ErrorLabel, { id: errorId }, errorLabel))));
21
23
  };
22
24
 
package/build/es/components/src/components/FormElements/Select/Select.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Select.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/ListItem/ListItem.js CHANGED
@@ -36,7 +36,7 @@ var ListItem = function (_a) {
36
36
  checkboxes && checkboxes.length > 0 && (React.createElement(Skeleton, { height: 20, width: smallSkeleton ? 150 : 200, count: checkboxes.length, style: { marginTop: '8px' } })))) : (React.createElement(Fragment, null,
37
37
  showPriceStripe && (React.createElement(PriceStripe, { size: EPriceSize.SMALL, variant: EPriceVariant.PRIO })),
38
38
  React.createElement(ProductHeader, { location: EProductHeader.LIST_ITEM, subtitle: item === null || item === void 0 ? void 0 : item.subtitle, title: item === null || item === void 0 ? void 0 : item.name }),
39
- ((_b = item === null || item === void 0 ? void 0 : item.status) === null || _b === void 0 ? void 0 : _b.label) && (React.createElement(AvailabilityLabel, { label: item.status.label, textSize: item.status.textSize })),
39
+ ((_b = item === null || item === void 0 ? void 0 : item.status) === null || _b === void 0 ? void 0 : _b.label) && (React.createElement(AvailabilityLabel, { label: item.status.label, textSize: item.status.textSize, color: item.status.color })),
40
40
  checkboxes && checkboxes.length > 0 && (React.createElement(Fieldset, null,
41
41
  checkboxLegendLabel && (React.createElement(VisuallyHiddenLegend, null, checkboxLegendLabel)),
42
42
  React.createElement(CheckboxContainer, null, checkboxes.map(function (checkbox, index) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.18.2",
3
+ "version": "0.18.4",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
76
76
  "react-slick": "^0.30.1",
77
77
  "slick-carousel": "^1.8.1"
78
78
  },
79
- "gitHead": "1f5391ad0a68f41f7b281aac1a98a36a0fe0c6a4"
79
+ "gitHead": "e1449effff8d2d99758111f17dd17ba473dd2819"
80
80
  }