@citygross/components 0.7.63 → 0.7.64

package/build/@types/components/Chips/Chip.d.ts

@@ -1,2 +1,2 @@
 import * as styles from './Chip.styles';
-export declare function Chip({ label, checked, onClick, background, activeBackground }: styles.TChip): JSX.Element;
+export declare function Chip({ label, checked, onClick, background, activeBackground, loading }: styles.TChip): JSX.Element;

package/build/@types/components/Chips/Chip.styles.d.ts

@@ -5,6 +5,7 @@ export declare type TChip = {
     onClick: () => void;
     background?: string;
     activeBackground?: string;
+    loading?: boolean;
 };
 export declare const BaseChip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TChip, never>;
 export declare const ChipCheckbox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/build/cjs/components/src/components/Chips/Chip.js

@@ -7,6 +7,7 @@ var Icon = require('@citygross/icons');
 var typography = require('@citygross/typography');
 var Chip_styles = require('./Chip.styles.js');
 var designTokens = require('@citygross/design-tokens');
+var Spinner = require('../Spinner/Spinner.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14,12 +15,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Chip(_a) {
     var _b, _c, _d;
-    var label = _a.label, checked = _a.checked, onClick = _a.onClick, _e = _a.background, background = _e === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.lighter : _e, _f = _a.activeBackground, activeBackground = _f === void 0 ? (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.white : _f;
-    return (React__default['default'].createElement(Chip_styles.BaseChip, { checked: checked, onClick: onClick, background: background, activeBackground: activeBackground },
-        checked
-            ? (React__default['default'].createElement(Chip_styles.ChipCheckbox, null,
-                React__default['default'].createElement(Icon.Icons.CheckMark, { color: (_d = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.alertGreen, width: 12, height: 12, viewBox: '0 0 25 25' })))
-            : (React__default['default'].createElement(Chip_styles.ChipCheckbox, null)),
+    var label = _a.label, checked = _a.checked, onClick = _a.onClick, _e = _a.background, background = _e === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.lighter : _e, _f = _a.activeBackground, activeBackground = _f === void 0 ? (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.white : _f, loading = _a.loading;
+    return (React__default['default'].createElement(Chip_styles.BaseChip, { checked: checked, onClick: onClick, background: background, activeBackground: activeBackground, loading: loading },
+        loading ? (React__default['default'].createElement(Spinner.Spinner, { size: 12 })) : (React__default['default'].createElement(React__default['default'].Fragment, null, checked ? (React__default['default'].createElement(Chip_styles.ChipCheckbox, null,
+            React__default['default'].createElement(Icon.Icons.CheckMark, { color: (_d = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.alertGreen, width: 12, height: 12, viewBox: '0 0 25 25' }))) : (React__default['default'].createElement(Chip_styles.ChipCheckbox, null)))),
         React__default['default'].createElement(Chip_styles.ChipLabel, { forwardedAs: 'label', size: typography.TextTypes.TextSize.SMALL }, label)));
 }
 

package/build/cjs/components/src/components/Chips/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/WarningLabel/WarningLabel.js

@@ -20,6 +20,7 @@ require('../Box/Box.styles.js');
 require('../Button/Button.styles.js');
 require('../BackButton/BackButton.styles.js');
 require('../Chips/Chip.styles.js');
+require('../Spinner/Spinner.styles.js');
 require('react-loading-skeleton');
 require('../CartItemSummary/CartItemSummary.styles.js');
 require('../Divider/Divider.styles.js');
@@ -56,7 +57,6 @@ require('../RadioGroup/RadioGroup.styles.js');
 require('../RadioListItem/RadioListItem.styles.js');
 require('../RippleContainer/RippleContainer.styles.js');
 require('../Select/Select.styles.js');
-require('../Spinner/Spinner.styles.js');
 require('../Stepper/Stepper.styles.js');
 var ToolTip = require('../ToolTip/ToolTip.js');
 require('../StepperMobile/StepperMobile.styles.js');

package/build/es/components/src/components/Chips/Chip.js

@@ -3,15 +3,14 @@ import { Icons } from '@citygross/icons';
 import { TextTypes } from '@citygross/typography';
 import { BaseChip, ChipCheckbox, ChipLabel } from './Chip.styles.js';
 import { theme } from '@citygross/design-tokens';
+import { Spinner } from '../Spinner/Spinner.js';
 
 function Chip(_a) {
     var _b, _c, _d;
-    var label = _a.label, checked = _a.checked, onClick = _a.onClick, _e = _a.background, background = _e === void 0 ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lighter : _e, _f = _a.activeBackground, activeBackground = _f === void 0 ? (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.white : _f;
-    return (React.createElement(BaseChip, { checked: checked, onClick: onClick, background: background, activeBackground: activeBackground },
-        checked
-            ? (React.createElement(ChipCheckbox, null,
-                React.createElement(Icons.CheckMark, { color: (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.alertGreen, width: 12, height: 12, viewBox: '0 0 25 25' })))
-            : (React.createElement(ChipCheckbox, null)),
+    var label = _a.label, checked = _a.checked, onClick = _a.onClick, _e = _a.background, background = _e === void 0 ? (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lighter : _e, _f = _a.activeBackground, activeBackground = _f === void 0 ? (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.white : _f, loading = _a.loading;
+    return (React.createElement(BaseChip, { checked: checked, onClick: onClick, background: background, activeBackground: activeBackground, loading: loading },
+        loading ? (React.createElement(Spinner, { size: 12 })) : (React.createElement(React.Fragment, null, checked ? (React.createElement(ChipCheckbox, null,
+            React.createElement(Icons.CheckMark, { color: (_d = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _d === void 0 ? void 0 : _d.alertGreen, width: 12, height: 12, viewBox: '0 0 25 25' }))) : (React.createElement(ChipCheckbox, null)))),
         React.createElement(ChipLabel, { forwardedAs: 'label', size: TextTypes.TextSize.SMALL }, label)));
 }
 

package/build/es/components/src/components/Chips/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/WarningLabel/WarningLabel.js

@@ -16,6 +16,7 @@ import '../Box/Box.styles.js';
 import '../Button/Button.styles.js';
 import '../BackButton/BackButton.styles.js';
 import '../Chips/Chip.styles.js';
+import '../Spinner/Spinner.styles.js';
 import 'react-loading-skeleton';
 import '../CartItemSummary/CartItemSummary.styles.js';
 import '../Divider/Divider.styles.js';
@@ -52,7 +53,6 @@ import '../RadioGroup/RadioGroup.styles.js';
 import '../RadioListItem/RadioListItem.styles.js';
 import '../RippleContainer/RippleContainer.styles.js';
 import '../Select/Select.styles.js';
-import '../Spinner/Spinner.styles.js';
 import '../Stepper/Stepper.styles.js';
 import { ToolTip } from '../ToolTip/ToolTip.js';
 import '../StepperMobile/StepperMobile.styles.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.7.63",
+  "version": "0.7.64",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -71,5 +71,5 @@
     "moment": "^2.29.1",
     "react-loading-skeleton": "^2.2.0"
   },
-  "gitHead": "d69767c4c7f2e2f60f500cc82eba8788a0d9f695"
+  "gitHead": "da00c4e006da995494ffe2b7bf462b790e88271b"
 }