@citygross/components 0.6.27 → 0.7.2

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 (16) hide show
  1. package/build/@types/components/FormElements/TextArea/TextArea.d.ts +1 -1
  2. package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.js +10 -6
  3. package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.js.map +1 -1
  4. package/build/cjs/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js +10 -10
  5. package/build/cjs/components/src/components/FormControl/FormControl.styles.js +1 -1
  6. package/build/cjs/components/src/components/FormElements/TextArea/TextArea.js +2 -2
  7. package/build/cjs/components/src/components/FormElements/TextArea/TextArea.styles.js +3 -1
  8. package/build/cjs/components/src/components/FormElements/TextArea/TextArea.styles.js.map +1 -1
  9. package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.js +10 -6
  10. package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.js.map +1 -1
  11. package/build/es/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js +10 -10
  12. package/build/es/components/src/components/FormControl/FormControl.styles.js +1 -1
  13. package/build/es/components/src/components/FormElements/TextArea/TextArea.js +2 -2
  14. package/build/es/components/src/components/FormElements/TextArea/TextArea.styles.js +3 -1
  15. package/build/es/components/src/components/FormElements/TextArea/TextArea.styles.js.map +1 -1
  16. package/package.json +2 -2
package/build/@types/components/FormElements/TextArea/TextArea.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import * as styles from './TextArea.styles';
3
- export declare function TextArea({ screenWidth, flexGrow }: styles.TextAreaProps): JSX.Element;
3
+ export declare function TextArea({ screenWidth, flexGrow, placeholder }: styles.TextAreaProps): JSX.Element;
package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.js CHANGED
@@ -16,10 +16,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  function DeliverySlotItem(_a) {
17
17
  var _b;
18
18
  var date = _a.date, disabledLabel = _a.disabledLabel, showWarningIndicator = _a.showWarningIndicator, selected = _a.selected, onSelect = _a.onSelect;
19
- var weekDay = date.format('dddd').toLocaleUpperCase();
20
- var dayNumber = date.format('DD');
21
- var month = date.format('MMMM').toLocaleUpperCase();
22
19
  var isMobile = utils.useDetectDevice().isMobile;
20
+ var weekDay = date.format(isMobile ? 'ddd' : 'dddd').toLocaleLowerCase();
21
+ var dayNumber = date.format('D');
22
+ var month = date.format(isMobile ? 'MMM' : 'MMMM').toLocaleLowerCase();
23
23
  var disabled = disabledLabel !== undefined;
24
24
  var slotRef = React.useRef(null);
25
25
  var _c = React.useState(false), isVisible = _c[0], setIsVisible = _c[1];
@@ -41,14 +41,18 @@ function DeliverySlotItem(_a) {
41
41
  observer.unobserve(slotRef === null || slotRef === void 0 ? void 0 : slotRef.current);
42
42
  };
43
43
  }, [slotRef, options]);
44
+ function capitalizeFirstLetter(string) {
45
+ return string.charAt(0).toUpperCase() + string.slice(1);
46
+ }
47
+ var removeLeadingZero = function (day) { return day.replace(/^0+/, ''); };
44
48
  return (React__default['default'].createElement(DeliverySlotItem_styles.DeliverySlotItemContainer, { isMobile: isMobile, onClick: !disabled ? onSelect : function () { return null; }, disabled: disabled, isVisible: isVisible, ref: slotRef },
45
49
  React__default['default'].createElement(DeliverySlotItem_styles.DeliverySlotHeaderContainer, { disabled: disabled, selected: selected },
46
50
  React__default['default'].createElement(DeliverySlotItem_styles.DeliverySlotHeaderText, { disabled: disabled },
47
- React__default['default'].createElement(typography.BodyText, { color: selected ? 'white' : 'black' }, isMobile ? weekDay.substr(0, 3) : weekDay))),
51
+ React__default['default'].createElement(typography.BodyText, { color: selected ? 'white' : 'black' }, capitalizeFirstLetter(weekDay)))),
48
52
  React__default['default'].createElement(DeliverySlotItem_styles.DeliverySlotContainer, { selected: selected, disabled: disabled },
49
53
  React__default['default'].createElement(DeliverySlotItem_styles.DeliverySlotBody, { disabled: disabled },
50
- React__default['default'].createElement(typography.H2, { color: 'darkest' }, dayNumber),
51
- React__default['default'].createElement(typography.BodyText, { color: 'darker' }, isMobile ? month.substr(0, 3) : month)),
54
+ React__default['default'].createElement(typography.H2, { color: 'darkest' }, removeLeadingZero(dayNumber)),
55
+ React__default['default'].createElement(typography.BodyText, { color: 'darker' }, capitalizeFirstLetter(month))),
52
56
  disabledLabel && (React__default['default'].createElement(DeliverySlotItem_styles.DisabledLabel, null,
53
57
  React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.EXTRASMALL }, disabledLabel))),
54
58
  !disabledLabel && showWarningIndicator && (React__default['default'].createElement(DeliverySlotItem_styles.DotContainer, null,
package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DeliverySlotItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"DeliverySlotItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js CHANGED
@@ -14,7 +14,7 @@ function DeliveryTimeBlock(_a) {
14
14
  var deliveryDate = _a.deliveryDate, deliveryFromTime = _a.deliveryFromTime, deliveryToTime = _a.deliveryToTime, icon = _a.icon, _b = _a.localTimeVar, localTimeVar = _b === void 0 ? 'kl' : _b, deliverOption = _a.deliverOption, children = _a.children;
15
15
  var day = deliveryDate.format('dddd');
16
16
  day = day.slice(0, 1).toLocaleUpperCase() + day.slice(1);
17
- var date = deliveryDate.format('Do');
17
+ var date = deliveryDate.format('D');
18
18
  var month = deliveryDate.format('MMMM');
19
19
  month = month.slice(0, 1).toLocaleUpperCase() + month.slice(1);
20
20
  return (React__default['default'].createElement(DeliveryTimeBlock_styles.DeliveryTimeBlock, null,
@@ -22,15 +22,15 @@ function DeliveryTimeBlock(_a) {
22
22
  icon && icon,
23
23
  deliverOption && React__default['default'].createElement(typography.H3, null, deliverOption)),
24
24
  React__default['default'].createElement(typography.BodyText, null,
25
- day,
26
- " ",
27
- date,
28
- " ",
29
- month,
30
- ' ',
31
- deliveryFromTime &&
32
- deliveryToTime &&
33
- localTimeVar + " " + deliveryFromTime + " - " + deliveryToTime),
25
+ React__default['default'].createElement("div", null,
26
+ day,
27
+ " ",
28
+ date,
29
+ " ",
30
+ month,
31
+ ' ',
32
+ deliveryFromTime && deliveryToTime && localTimeVar + " ",
33
+ React__default['default'].createElement("span", { style: { whiteSpace: 'nowrap' } }, deliveryFromTime + " - " + deliveryToTime))),
34
34
  children));
35
35
  }
36
36
 
package/build/cjs/components/src/components/FormControl/FormControl.styles.js CHANGED
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var FormControlWrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: 8px 0px;\n flex: 1;\n"], ["\n padding: 8px 0px;\n flex: 1;\n"])));
12
+ var FormControlWrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: 8px 0px;\n flex: 1;\n max-width: 100%;\n"], ["\n padding: 8px 0px;\n flex: 1;\n max-width: 100%;\n"])));
13
13
  var FormControlElementWrapper = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n position: relative;\n padding: 8px 0px;\n display: flex;\n\n @media (min-width: ", "px) {\n ", ";\n }\n"], ["\n position: relative;\n padding: 8px 0px;\n display: flex;\n\n @media (min-width: ", "px) {\n ", ";\n }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.screenWidth && "max-width: " + props.screenWidth; });
14
14
  var templateObject_1, templateObject_2;
15
15
 
package/build/cjs/components/src/components/FormElements/TextArea/TextArea.js CHANGED
@@ -10,8 +10,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
11
 
12
12
  function TextArea(_a) {
13
- var screenWidth = _a.screenWidth, flexGrow = _a.flexGrow;
14
- return (React__default['default'].createElement(TextArea_styles.TextArea, { screenWidth: screenWidth, flexGrow: flexGrow, whileHover: { scaleY: 1.1 }, whileFocus: { scaleY: 1.1 } }));
13
+ var screenWidth = _a.screenWidth, flexGrow = _a.flexGrow, placeholder = _a.placeholder;
14
+ return (React__default['default'].createElement(TextArea_styles.TextArea, { placeholder: placeholder, screenWidth: screenWidth, flexGrow: flexGrow, whileHover: { scaleY: 1.1 }, whileFocus: { scaleY: 1.1 } }));
15
15
  }
16
16
 
17
17
  exports.TextArea = TextArea;
package/build/cjs/components/src/components/FormElements/TextArea/TextArea.styles.js CHANGED
@@ -21,7 +21,9 @@ var TextArea = styled__default['default'](framerMotion.motion.textarea)(template
21
21
  return props.disabled
22
22
  ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
23
23
  : (_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.dark;
24
- }, function (props) { var _a, _b, _c, _d; return ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs) + 'px' + ' ' + ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.spacings) === null || _d === void 0 ? void 0 : _d.sm); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.white; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.darkest; }, function (props) { var _a; return (_a = props.flexGrow) !== null && _a !== void 0 ? _a : 1; }, function (props) { var _a, _b, _c; return props.fontSize ? props.fontSize : (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s3; }, function (props) { return props.theme.typography ? props.theme.typography.size.s2 + 27 : 40; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.screenWidth && "max-width: " + props.screenWidth; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.brandBlue; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.boxShadowActive; }, function (props) {
24
+ }, function (props) { var _a, _b, _c, _d; return ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs) + 'px' + ' ' + ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.spacings) === null || _d === void 0 ? void 0 : _d.sm); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.white; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.darkest; }, function (props) { var _a; return (_a = props.flexGrow) !== null && _a !== void 0 ? _a : 1; }, function (props) { var _a, _b, _c; return props.fontSize ? props.fontSize : (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s3; }, function (props) {
25
+ return props.theme.typography ? props.theme.typography.size.s2 + 27 : 40;
26
+ }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.screenWidth && "max-width: " + props.screenWidth; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.brandBlue; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.boxShadowActive; }, function (props) {
25
27
  var _a, _b, _c, _d;
26
28
  return props.disabled
27
29
  ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
package/build/cjs/components/src/components/FormElements/TextArea/TextArea.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TextArea.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.js CHANGED
@@ -8,10 +8,10 @@ import { useDetectDevice } from '@citygross/utils';
8
8
  function DeliverySlotItem(_a) {
9
9
  var _b;
10
10
  var date = _a.date, disabledLabel = _a.disabledLabel, showWarningIndicator = _a.showWarningIndicator, selected = _a.selected, onSelect = _a.onSelect;
11
- var weekDay = date.format('dddd').toLocaleUpperCase();
12
- var dayNumber = date.format('DD');
13
- var month = date.format('MMMM').toLocaleUpperCase();
14
11
  var isMobile = useDetectDevice().isMobile;
12
+ var weekDay = date.format(isMobile ? 'ddd' : 'dddd').toLocaleLowerCase();
13
+ var dayNumber = date.format('D');
14
+ var month = date.format(isMobile ? 'MMM' : 'MMMM').toLocaleLowerCase();
15
15
  var disabled = disabledLabel !== undefined;
16
16
  var slotRef = useRef(null);
17
17
  var _c = useState(false), isVisible = _c[0], setIsVisible = _c[1];
@@ -33,14 +33,18 @@ function DeliverySlotItem(_a) {
33
33
  observer.unobserve(slotRef === null || slotRef === void 0 ? void 0 : slotRef.current);
34
34
  };
35
35
  }, [slotRef, options]);
36
+ function capitalizeFirstLetter(string) {
37
+ return string.charAt(0).toUpperCase() + string.slice(1);
38
+ }
39
+ var removeLeadingZero = function (day) { return day.replace(/^0+/, ''); };
36
40
  return (React.createElement(DeliverySlotItemContainer, { isMobile: isMobile, onClick: !disabled ? onSelect : function () { return null; }, disabled: disabled, isVisible: isVisible, ref: slotRef },
37
41
  React.createElement(DeliverySlotHeaderContainer, { disabled: disabled, selected: selected },
38
42
  React.createElement(DeliverySlotHeaderText, { disabled: disabled },
39
- React.createElement(BodyText, { color: selected ? 'white' : 'black' }, isMobile ? weekDay.substr(0, 3) : weekDay))),
43
+ React.createElement(BodyText, { color: selected ? 'white' : 'black' }, capitalizeFirstLetter(weekDay)))),
40
44
  React.createElement(DeliverySlotContainer, { selected: selected, disabled: disabled },
41
45
  React.createElement(DeliverySlotBody, { disabled: disabled },
42
- React.createElement(H2, { color: 'darkest' }, dayNumber),
43
- React.createElement(BodyText, { color: 'darker' }, isMobile ? month.substr(0, 3) : month)),
46
+ React.createElement(H2, { color: 'darkest' }, removeLeadingZero(dayNumber)),
47
+ React.createElement(BodyText, { color: 'darker' }, capitalizeFirstLetter(month))),
44
48
  disabledLabel && (React.createElement(DisabledLabel, null,
45
49
  React.createElement(BodyText, { size: TextTypes.TextSize.EXTRASMALL }, disabledLabel))),
46
50
  !disabledLabel && showWarningIndicator && (React.createElement(DotContainer, null,
package/build/es/components/src/components/DeliverySlotItem/DeliverySlotItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DeliverySlotItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"DeliverySlotItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js CHANGED
@@ -6,7 +6,7 @@ function DeliveryTimeBlock(_a) {
6
6
  var deliveryDate = _a.deliveryDate, deliveryFromTime = _a.deliveryFromTime, deliveryToTime = _a.deliveryToTime, icon = _a.icon, _b = _a.localTimeVar, localTimeVar = _b === void 0 ? 'kl' : _b, deliverOption = _a.deliverOption, children = _a.children;
7
7
  var day = deliveryDate.format('dddd');
8
8
  day = day.slice(0, 1).toLocaleUpperCase() + day.slice(1);
9
- var date = deliveryDate.format('Do');
9
+ var date = deliveryDate.format('D');
10
10
  var month = deliveryDate.format('MMMM');
11
11
  month = month.slice(0, 1).toLocaleUpperCase() + month.slice(1);
12
12
  return (React.createElement(DeliveryTimeBlock$1, null,
@@ -14,15 +14,15 @@ function DeliveryTimeBlock(_a) {
14
14
  icon && icon,
15
15
  deliverOption && React.createElement(H3, null, deliverOption)),
16
16
  React.createElement(BodyText, null,
17
- day,
18
- " ",
19
- date,
20
- " ",
21
- month,
22
- ' ',
23
- deliveryFromTime &&
24
- deliveryToTime &&
25
- localTimeVar + " " + deliveryFromTime + " - " + deliveryToTime),
17
+ React.createElement("div", null,
18
+ day,
19
+ " ",
20
+ date,
21
+ " ",
22
+ month,
23
+ ' ',
24
+ deliveryFromTime && deliveryToTime && localTimeVar + " ",
25
+ React.createElement("span", { style: { whiteSpace: 'nowrap' } }, deliveryFromTime + " - " + deliveryToTime))),
26
26
  children));
27
27
  }
28
28
 
package/build/es/components/src/components/FormControl/FormControl.styles.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled from 'styled-components';
3
3
 
4
- var FormControlWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 8px 0px;\n flex: 1;\n"], ["\n padding: 8px 0px;\n flex: 1;\n"])));
4
+ var FormControlWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 8px 0px;\n flex: 1;\n max-width: 100%;\n"], ["\n padding: 8px 0px;\n flex: 1;\n max-width: 100%;\n"])));
5
5
  var FormControlElementWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n padding: 8px 0px;\n display: flex;\n\n @media (min-width: ", "px) {\n ", ";\n }\n"], ["\n position: relative;\n padding: 8px 0px;\n display: flex;\n\n @media (min-width: ", "px) {\n ", ";\n }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.screenWidth && "max-width: " + props.screenWidth; });
6
6
  var templateObject_1, templateObject_2;
7
7
 
package/build/es/components/src/components/FormElements/TextArea/TextArea.js CHANGED
@@ -2,8 +2,8 @@ import { TextArea as TextArea$1 } from './TextArea.styles.js';
2
2
  import React from 'react';
3
3
 
4
4
  function TextArea(_a) {
5
- var screenWidth = _a.screenWidth, flexGrow = _a.flexGrow;
6
- return (React.createElement(TextArea$1, { screenWidth: screenWidth, flexGrow: flexGrow, whileHover: { scaleY: 1.1 }, whileFocus: { scaleY: 1.1 } }));
5
+ var screenWidth = _a.screenWidth, flexGrow = _a.flexGrow, placeholder = _a.placeholder;
6
+ return (React.createElement(TextArea$1, { placeholder: placeholder, screenWidth: screenWidth, flexGrow: flexGrow, whileHover: { scaleY: 1.1 }, whileFocus: { scaleY: 1.1 } }));
7
7
  }
8
8
 
9
9
  export { TextArea };
package/build/es/components/src/components/FormElements/TextArea/TextArea.styles.js CHANGED
@@ -13,7 +13,9 @@ var TextArea = styled(motion.textarea)(templateObject_1 || (templateObject_1 = _
13
13
  return props.disabled
14
14
  ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
15
15
  : (_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.dark;
16
- }, function (props) { var _a, _b, _c, _d; return ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs) + 'px' + ' ' + ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.spacings) === null || _d === void 0 ? void 0 : _d.sm); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.white; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.darkest; }, function (props) { var _a; return (_a = props.flexGrow) !== null && _a !== void 0 ? _a : 1; }, function (props) { var _a, _b, _c; return props.fontSize ? props.fontSize : (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s3; }, function (props) { return props.theme.typography ? props.theme.typography.size.s2 + 27 : 40; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.screenWidth && "max-width: " + props.screenWidth; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.brandBlue; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.boxShadowActive; }, function (props) {
16
+ }, function (props) { var _a, _b, _c, _d; return ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs) + 'px' + ' ' + ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.spacings) === null || _d === void 0 ? void 0 : _d.sm); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.white; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.darkest; }, function (props) { var _a; return (_a = props.flexGrow) !== null && _a !== void 0 ? _a : 1; }, function (props) { var _a, _b, _c; return props.fontSize ? props.fontSize : (_c = (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s3; }, function (props) {
17
+ return props.theme.typography ? props.theme.typography.size.s2 + 27 : 40;
18
+ }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.screenWidth && "max-width: " + props.screenWidth; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.brandBlue; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.boxShadowActive; }, function (props) {
17
19
  var _a, _b, _c, _d;
18
20
  return props.disabled
19
21
  ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium
package/build/es/components/src/components/FormElements/TextArea/TextArea.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"TextArea.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.6.27",
3
+ "version": "0.7.2",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -70,5 +70,5 @@
70
70
  "moment": "^2.29.1",
71
71
  "react-loading-skeleton": "^2.2.0"
72
72
  },
73
- "gitHead": "714254ca4db7e634e6ba7c123947d5520ddb08c4"
73
+ "gitHead": "2e4c0b381c6c3d2265b49a855b28de8d5ba6635d"
74
74
  }