@citygross/components 0.18.3 → 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 (6) hide show
  1. package/build/@types/components/FormElements/Select/Select.d.ts +2 -1
  2. package/build/cjs/components/src/components/FormElements/Select/Select.js +5 -3
  3. package/build/cjs/components/src/components/FormElements/Select/Select.js.map +1 -1
  4. package/build/es/components/src/components/FormElements/Select/Select.js +5 -3
  5. package/build/es/components/src/components/FormElements/Select/Select.js.map +1 -1
  6. 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/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/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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.18.3",
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": "d975dbe9fb37b36aa91332c1bd4dc2efa01fb1f3"
79
+ "gitHead": "e1449effff8d2d99758111f17dd17ba473dd2819"
80
80
  }