@citygross/components 0.8.161 → 0.8.163

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 (10) hide show
  1. package/build/@types/components/CgButton/CgButton.types.d.ts +1 -0
  2. package/build/cjs/components/src/components/CgButton/ButtonAsLink/ButtonAsLink.styles.js +1 -1
  3. package/build/cjs/components/src/components/CgButton/CgButton.js +3 -3
  4. package/build/cjs/components/src/components/CgButton/CgButton.styles.js +28 -14
  5. package/build/cjs/components/src/components/CgButton/CgButton.styles.js.map +1 -1
  6. package/build/es/components/src/components/CgButton/ButtonAsLink/ButtonAsLink.styles.js +1 -1
  7. package/build/es/components/src/components/CgButton/CgButton.js +3 -3
  8. package/build/es/components/src/components/CgButton/CgButton.styles.js +22 -8
  9. package/build/es/components/src/components/CgButton/CgButton.styles.js.map +1 -1
  10. package/package.json +2 -2
package/build/@types/components/CgButton/CgButton.types.d.ts CHANGED
@@ -19,6 +19,7 @@ export declare type TCgButtonRoot = {
19
19
  loading?: boolean;
20
20
  rounded?: boolean;
21
21
  size?: EButtonSize;
22
+ type?: 'button' | 'submit' | 'reset';
22
23
  variant?: EButtonVariant;
23
24
  };
24
25
  export declare type TCgButton = TCgButtonRoot & React.ButtonHTMLAttributes<HTMLButtonElement>;
package/build/cjs/components/src/components/CgButton/ButtonAsLink/ButtonAsLink.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 ButtonAsLink = styled__default["default"].button(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding-left: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"], ["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding-left: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"])), function (_a) {
12
+ var ButtonAsLink = styled__default["default"].button(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"], ["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"])), function (_a) {
13
13
  var _b;
14
14
  var theme = _a.theme;
15
15
  return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.brandBlue;
package/build/cjs/components/src/components/CgButton/CgButton.js CHANGED
@@ -16,9 +16,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
 
17
17
  var CgButton = React.forwardRef(function (_a, ref) {
18
18
  var _b;
19
- var boxShadow = _a.boxShadow, children = _a.children, circle = _a.circle, fullWidth = _a.fullWidth, loading = _a.loading, rounded = _a.rounded, _c = _a.size, size = _c === void 0 ? CgButton_types.EButtonSize.medium : _c, _d = _a.variant, variant = _d === void 0 ? CgButton_types.EButtonVariant.primary : _d, props = _tslib.__rest(_a, ["boxShadow", "children", "circle", "fullWidth", "loading", "rounded", "size", "variant"]);
20
- var _e = button.getButtonAttributes(size, variant), sizeAttributes = _e.sizeAttributes, variantAttributes = _e.variantAttributes;
21
- return (React__default["default"].createElement(CgButton_styles.ButtonStyle, _tslib.__assign({ boxShadow: boxShadow, circle: circle, disabled: loading, fullWidth: fullWidth, ref: ref, rounded: rounded, size: size, sizeAttributes: sizeAttributes, variantAttributes: variantAttributes }, props), loading ? (React__default["default"].createElement(Spinner.Spinner, { animationSpeedMs: 1000, size: sizeAttributes.loadingSpinner, spinnerColor: (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.disabledDarkGray })) : (children)));
19
+ var boxShadow = _a.boxShadow, children = _a.children, circle = _a.circle, fullWidth = _a.fullWidth, loading = _a.loading, rounded = _a.rounded, _c = _a.size, size = _c === void 0 ? CgButton_types.EButtonSize.medium : _c, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.variant, variant = _e === void 0 ? CgButton_types.EButtonVariant.primary : _e, props = _tslib.__rest(_a, ["boxShadow", "children", "circle", "fullWidth", "loading", "rounded", "size", "type", "variant"]);
20
+ var _f = button.getButtonAttributes(size, variant), sizeAttributes = _f.sizeAttributes, variantAttributes = _f.variantAttributes;
21
+ return (React__default["default"].createElement(CgButton_styles.ButtonStyle, _tslib.__assign({ boxShadow: boxShadow, circle: circle, disabled: loading, fullWidth: fullWidth, ref: ref, rounded: rounded, size: size, sizeAttributes: sizeAttributes, type: type, variantAttributes: variantAttributes }, props), loading ? (React__default["default"].createElement(Spinner.Spinner, { animationSpeedMs: 1000, size: sizeAttributes.loadingSpinner, spinnerColor: (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.disabledDarkGray })) : (children)));
22
22
  });
23
23
  CgButton.displayName = 'CgButton';
24
24
 
package/build/cjs/components/src/components/CgButton/CgButton.styles.js CHANGED
@@ -6,34 +6,32 @@ var _tslib = require('../../../../_virtual/_tslib.js');
6
6
  var styled = require('styled-components');
7
7
  var global_styles = require('../../shared/global.styles.js');
8
8
  var CgButton_types = require('./CgButton.types.js');
9
- var designTokens = require('@citygross/design-tokens');
10
9
 
11
10
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
12
11
 
13
12
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
13
 
15
- var _a, _b, _c, _d, _e;
16
14
  var sharedButtonStyles = styled.css(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n border: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n background-color: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ", "px;\n font-family: ", ";\n font-size: ", "px;\n font-weight: ", ";\n height: ", ";\n width: ", ";\n padding: ", ";\n transition: background-color 0.3s ease;\n white-space: nowrap;\n\n &:not(:disabled):hover {\n background-color: ", ";\n }\n\n &:not(:disabled):active,\n &:not(:disabled):hover:active,\n &:not(:disabled):focus:active {\n background-color: ", ";\n }\n\n ", "\n"], ["\n border: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n background-color: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ", "px;\n font-family: ", ";\n font-size: ", "px;\n font-weight: ", ";\n height: ", ";\n width: ", ";\n padding: ", ";\n transition: background-color 0.3s ease;\n white-space: nowrap;\n\n &:not(:disabled):hover {\n background-color: ", ";\n }\n\n &:not(:disabled):active,\n &:not(:disabled):hover:active,\n &:not(:disabled):focus:active {\n background-color: ", ";\n }\n\n ", "\n"])), function (_a) {
17
15
  var _b;
18
- var variantAttributes = _a.variantAttributes;
16
+ var theme = _a.theme, variantAttributes = _a.variantAttributes;
19
17
  return variantAttributes.border
20
- ? "1px solid ".concat((_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder)
18
+ ? "1px solid ".concat((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder)
21
19
  : 'none';
22
20
  }, function (_a) {
23
21
  var _b, _c, _d;
24
- var circle = _a.circle, rounded = _a.rounded;
22
+ var circle = _a.circle, rounded = _a.rounded, theme = _a.theme;
25
23
  return circle
26
- ? (_b = designTokens.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.circle
24
+ ? (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.circle
27
25
  : rounded
28
- ? "".concat((_c = designTokens.theme.attributes) === null || _c === void 0 ? void 0 : _c.borderRadius.rounded, "px")
29
- : "".concat((_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.xxs, "px");
26
+ ? "".concat((_c = theme.attributes) === null || _c === void 0 ? void 0 : _c.borderRadius.rounded, "px")
27
+ : "".concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.xxs, "px");
30
28
  }, function (_a) {
31
29
  var _b, _c;
32
- var boxShadow = _a.boxShadow, size = _a.size;
30
+ var boxShadow = _a.boxShadow, size = _a.size, theme = _a.theme;
33
31
  return boxShadow
34
32
  ? size === CgButton_types.EButtonSize.small
35
- ? (_b = designTokens.theme.attributes) === null || _b === void 0 ? void 0 : _b.boxShadow.layoutShadowInset
36
- : (_c = designTokens.theme.attributes) === null || _c === void 0 ? void 0 : _c.boxShadow.layoutShadowInsetMedium
33
+ ? (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.boxShadow.layoutShadowInset
34
+ : (_c = theme.attributes) === null || _c === void 0 ? void 0 : _c.boxShadow.layoutShadowInsetMedium
37
35
  : 'none';
38
36
  }, function (_a) {
39
37
  var variantAttributes = _a.variantAttributes;
@@ -41,10 +39,22 @@ var sharedButtonStyles = styled.css(templateObject_1 || (templateObject_1 = _tsl
41
39
  }, function (_a) {
42
40
  var variantAttributes = _a.variantAttributes;
43
41
  return variantAttributes.fontColor;
44
- }, (_a = designTokens.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, (_b = designTokens.theme.typography) === null || _b === void 0 ? void 0 : _b.type.primary, function (_a) {
42
+ }, function (_a) {
43
+ var _b;
44
+ var theme = _a.theme;
45
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
46
+ }, function (_a) {
47
+ var _b;
48
+ var theme = _a.theme;
49
+ return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.type.primary;
50
+ }, function (_a) {
45
51
  var sizeAttributes = _a.sizeAttributes;
46
52
  return sizeAttributes.fontSize;
47
- }, (_d = (_c = designTokens.theme.typography) === null || _c === void 0 ? void 0 : _c.weight) === null || _d === void 0 ? void 0 : _d.medium, function (_a) {
53
+ }, function (_a) {
54
+ var _b, _c;
55
+ var theme = _a.theme;
56
+ return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c.medium;
57
+ }, function (_a) {
48
58
  var circle = _a.circle, sizeAttributes = _a.sizeAttributes;
49
59
  return !circle ? "".concat(sizeAttributes.height, "px") : 'max-content';
50
60
  }, function (_a) {
@@ -65,7 +75,11 @@ var sharedButtonStyles = styled.css(templateObject_1 || (templateObject_1 = _tsl
65
75
  var ButtonStyle = styled__default["default"].button(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n ", "\n cursor: pointer;\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: not-allowed;\n }\n"], ["\n ", "\n cursor: pointer;\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: not-allowed;\n }\n"])), sharedButtonStyles, function (_a) {
66
76
  var variantAttributes = _a.variantAttributes;
67
77
  return variantAttributes.backgroundDisabled;
68
- }, (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.placeholder);
78
+ }, function (_a) {
79
+ var _b;
80
+ var theme = _a.theme;
81
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder;
82
+ });
69
83
  var DivAsButton = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n ", "\n cursor: pointer;\n"], ["\n ", "\n cursor: pointer;\n"])), sharedButtonStyles);
70
84
  var templateObject_1, templateObject_2, templateObject_3;
71
85
 
package/build/cjs/components/src/components/CgButton/CgButton.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/CgButton/ButtonAsLink/ButtonAsLink.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 ButtonAsLink = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding-left: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"], ["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding-left: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"])), function (_a) {
4
+ var ButtonAsLink = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"], ["\n background: none;\n border: none;\n color: ", ";\n cursor: pointer;\n display: inline-block;\n font-size: ", "px;\n padding: 0;\n text-align: left;\n text-decoration: underline;\n width: fit-content;\n"])), function (_a) {
5
5
  var _b;
6
6
  var theme = _a.theme;
7
7
  return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.brandBlue;
package/build/es/components/src/components/CgButton/CgButton.js CHANGED
@@ -8,9 +8,9 @@ import { theme } from '@citygross/design-tokens';
8
8
 
9
9
  var CgButton = forwardRef(function (_a, ref) {
10
10
  var _b;
11
- var boxShadow = _a.boxShadow, children = _a.children, circle = _a.circle, fullWidth = _a.fullWidth, loading = _a.loading, rounded = _a.rounded, _c = _a.size, size = _c === void 0 ? EButtonSize.medium : _c, _d = _a.variant, variant = _d === void 0 ? EButtonVariant.primary : _d, props = __rest(_a, ["boxShadow", "children", "circle", "fullWidth", "loading", "rounded", "size", "variant"]);
12
- var _e = getButtonAttributes(size, variant), sizeAttributes = _e.sizeAttributes, variantAttributes = _e.variantAttributes;
13
- return (React.createElement(ButtonStyle, __assign({ boxShadow: boxShadow, circle: circle, disabled: loading, fullWidth: fullWidth, ref: ref, rounded: rounded, size: size, sizeAttributes: sizeAttributes, variantAttributes: variantAttributes }, props), loading ? (React.createElement(Spinner, { animationSpeedMs: 1000, size: sizeAttributes.loadingSpinner, spinnerColor: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.disabledDarkGray })) : (children)));
11
+ var boxShadow = _a.boxShadow, children = _a.children, circle = _a.circle, fullWidth = _a.fullWidth, loading = _a.loading, rounded = _a.rounded, _c = _a.size, size = _c === void 0 ? EButtonSize.medium : _c, _d = _a.type, type = _d === void 0 ? 'button' : _d, _e = _a.variant, variant = _e === void 0 ? EButtonVariant.primary : _e, props = __rest(_a, ["boxShadow", "children", "circle", "fullWidth", "loading", "rounded", "size", "type", "variant"]);
12
+ var _f = getButtonAttributes(size, variant), sizeAttributes = _f.sizeAttributes, variantAttributes = _f.variantAttributes;
13
+ return (React.createElement(ButtonStyle, __assign({ boxShadow: boxShadow, circle: circle, disabled: loading, fullWidth: fullWidth, ref: ref, rounded: rounded, size: size, sizeAttributes: sizeAttributes, type: type, variantAttributes: variantAttributes }, props), loading ? (React.createElement(Spinner, { animationSpeedMs: 1000, size: sizeAttributes.loadingSpinner, spinnerColor: (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.disabledDarkGray })) : (children)));
14
14
  });
15
15
  CgButton.displayName = 'CgButton';
16
16
 
package/build/es/components/src/components/CgButton/CgButton.styles.js CHANGED
@@ -2,18 +2,16 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
2
2
  import styled, { css } from 'styled-components';
3
3
  import { focusVisible } from '../../shared/global.styles.js';
4
4
  import { EButtonSize } from './CgButton.types.js';
5
- import { theme } from '@citygross/design-tokens';
6
5
 
7
- var _a, _b, _c, _d, _e;
8
6
  var sharedButtonStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n background-color: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ", "px;\n font-family: ", ";\n font-size: ", "px;\n font-weight: ", ";\n height: ", ";\n width: ", ";\n padding: ", ";\n transition: background-color 0.3s ease;\n white-space: nowrap;\n\n &:not(:disabled):hover {\n background-color: ", ";\n }\n\n &:not(:disabled):active,\n &:not(:disabled):hover:active,\n &:not(:disabled):focus:active {\n background-color: ", ";\n }\n\n ", "\n"], ["\n border: ", ";\n border-radius: ", ";\n box-shadow: ", ";\n background-color: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n gap: ", "px;\n font-family: ", ";\n font-size: ", "px;\n font-weight: ", ";\n height: ", ";\n width: ", ";\n padding: ", ";\n transition: background-color 0.3s ease;\n white-space: nowrap;\n\n &:not(:disabled):hover {\n background-color: ", ";\n }\n\n &:not(:disabled):active,\n &:not(:disabled):hover:active,\n &:not(:disabled):focus:active {\n background-color: ", ";\n }\n\n ", "\n"])), function (_a) {
9
7
  var _b;
10
- var variantAttributes = _a.variantAttributes;
8
+ var theme = _a.theme, variantAttributes = _a.variantAttributes;
11
9
  return variantAttributes.border
12
10
  ? "1px solid ".concat((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder)
13
11
  : 'none';
14
12
  }, function (_a) {
15
13
  var _b, _c, _d;
16
- var circle = _a.circle, rounded = _a.rounded;
14
+ var circle = _a.circle, rounded = _a.rounded, theme = _a.theme;
17
15
  return circle
18
16
  ? (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.circle
19
17
  : rounded
@@ -21,7 +19,7 @@ var sharedButtonStyles = css(templateObject_1 || (templateObject_1 = __makeTempl
21
19
  : "".concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.xxs, "px");
22
20
  }, function (_a) {
23
21
  var _b, _c;
24
- var boxShadow = _a.boxShadow, size = _a.size;
22
+ var boxShadow = _a.boxShadow, size = _a.size, theme = _a.theme;
25
23
  return boxShadow
26
24
  ? size === EButtonSize.small
27
25
  ? (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.boxShadow.layoutShadowInset
@@ -33,10 +31,22 @@ var sharedButtonStyles = css(templateObject_1 || (templateObject_1 = __makeTempl
33
31
  }, function (_a) {
34
32
  var variantAttributes = _a.variantAttributes;
35
33
  return variantAttributes.fontColor;
36
- }, (_a = theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.type.primary, function (_a) {
34
+ }, function (_a) {
35
+ var _b;
36
+ var theme = _a.theme;
37
+ return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs;
38
+ }, function (_a) {
39
+ var _b;
40
+ var theme = _a.theme;
41
+ return (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.type.primary;
42
+ }, function (_a) {
37
43
  var sizeAttributes = _a.sizeAttributes;
38
44
  return sizeAttributes.fontSize;
39
- }, (_d = (_c = theme.typography) === null || _c === void 0 ? void 0 : _c.weight) === null || _d === void 0 ? void 0 : _d.medium, function (_a) {
45
+ }, function (_a) {
46
+ var _b, _c;
47
+ var theme = _a.theme;
48
+ return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c.medium;
49
+ }, function (_a) {
40
50
  var circle = _a.circle, sizeAttributes = _a.sizeAttributes;
41
51
  return !circle ? "".concat(sizeAttributes.height, "px") : 'max-content';
42
52
  }, function (_a) {
@@ -57,7 +67,11 @@ var sharedButtonStyles = css(templateObject_1 || (templateObject_1 = __makeTempl
57
67
  var ButtonStyle = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n cursor: pointer;\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: not-allowed;\n }\n"], ["\n ", "\n cursor: pointer;\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: not-allowed;\n }\n"])), sharedButtonStyles, function (_a) {
58
68
  var variantAttributes = _a.variantAttributes;
59
69
  return variantAttributes.backgroundDisabled;
60
- }, (_e = theme.palette) === null || _e === void 0 ? void 0 : _e.placeholder);
70
+ }, function (_a) {
71
+ var _b;
72
+ var theme = _a.theme;
73
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.placeholder;
74
+ });
61
75
  var DivAsButton = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n cursor: pointer;\n"], ["\n ", "\n cursor: pointer;\n"])), sharedButtonStyles);
62
76
  var templateObject_1, templateObject_2, templateObject_3;
63
77
 
package/build/es/components/src/components/CgButton/CgButton.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"CgButton.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.161",
3
+ "version": "0.8.163",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
74
74
  "react-slick": "^0.30.1",
75
75
  "slick-carousel": "^1.8.1"
76
76
  },
77
- "gitHead": "2545e13ca68735efaccd94317a30395d8dd51ed5"
77
+ "gitHead": "1dfab1a2f0154c620a1e874a5a9b9be9d64f1028"
78
78
  }