@citygross/components 0.7.108 → 0.7.109

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 (8) hide show
  1. package/build/@types/components/Chips/Chip.styles.d.ts +2 -1
  2. package/build/@types/components/RadioBox/RadioBoxItem.d.ts +2 -1
  3. package/build/@types/components/RadioBox/RadioBoxList.styles.d.ts +2 -1
  4. package/build/@types/components/RadioListItem/RadioListItem.styles.d.ts +2 -1
  5. package/build/@types/components/Typography/bodyText.stories.d.ts +2 -1
  6. package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js +2 -2
  7. package/build/es/components/src/components/RadioBox/RadioBoxItem.js +2 -2
  8. package/package.json +3 -3
package/build/@types/components/Chips/Chip.styles.d.ts CHANGED
@@ -9,10 +9,11 @@ export declare type TChip = {
9
9
  };
10
10
  export declare const BaseChip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TChip, never>;
11
11
  export declare const ChipCheckbox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
12
- export declare const ChipLabel: import("styled-components").StyledComponent<({ size, color, children, lineThrough, fontWeight, ...props }: {
12
+ export declare const ChipLabel: import("styled-components").StyledComponent<({ size, color, children, lineThrough, fontWeight, textAlign, ...props }: {
13
13
  children: import("react").ReactNode;
14
14
  size?: import("@citygross/typography/build/types/textTypes").TextSize | undefined;
15
15
  color?: string | undefined;
16
16
  lineThrough?: boolean | undefined;
17
17
  fontWeight?: "regular" | "medium" | "semiBold" | "bold" | undefined;
18
+ textAlign?: "center" | "left" | "right" | undefined;
18
19
  }) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/build/@types/components/RadioBox/RadioBoxItem.d.ts CHANGED
@@ -10,5 +10,6 @@ export declare type TRadioBox = styles.TBaseRadioBox & {
10
10
  border?: string;
11
11
  flexDirection?: string;
12
12
  padding?: number;
13
+ hideRadioButton?: boolean;
13
14
  };
14
- export declare function RadioBoxItem({ radioColor, checked, isDisabled, name, align, setActive, background, border, boxShadow, children, flexDirection, padding }: TRadioBox): JSX.Element;
15
+ export declare function RadioBoxItem({ radioColor, checked, isDisabled, name, align, setActive, background, border, boxShadow, children, flexDirection, padding, hideRadioButton }: TRadioBox): JSX.Element;
package/build/@types/components/RadioBox/RadioBoxList.styles.d.ts CHANGED
@@ -3,10 +3,11 @@ import { TBaseRadioBox } from './RadioBoxItem.styles';
3
3
  export declare const BaseRadioBoxList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioBox, never>;
4
4
  export declare const RadioBoxListChildContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioBox, never>;
5
5
  export declare const DividerPadding: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
6
- export declare const RadioBoxListParagraph: import("styled-components").StyledComponent<({ size, color, children, lineThrough, fontWeight, ...props }: {
6
+ export declare const RadioBoxListParagraph: import("styled-components").StyledComponent<({ size, color, children, lineThrough, fontWeight, textAlign, ...props }: {
7
7
  children: import("react").ReactNode;
8
8
  size?: import("@citygross/typography/build/types/textTypes").TextSize | undefined;
9
9
  color?: string | undefined;
10
10
  lineThrough?: boolean | undefined;
11
11
  fontWeight?: "regular" | "medium" | "semiBold" | "bold" | undefined;
12
+ textAlign?: "center" | "left" | "right" | undefined;
12
13
  }) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/build/@types/components/RadioListItem/RadioListItem.styles.d.ts CHANGED
@@ -18,12 +18,13 @@ export declare const StyledH3: import("styled-components").StyledComponent<({ ch
18
18
  as: string;
19
19
  }, "as">;
20
20
  export declare const RadioSecondaryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
21
- export declare const DisableText: import("styled-components").StyledComponent<({ size, color, children, lineThrough, fontWeight, ...props }: {
21
+ export declare const DisableText: import("styled-components").StyledComponent<({ size, color, children, lineThrough, fontWeight, textAlign, ...props }: {
22
22
  children: import("react").ReactNode;
23
23
  size?: import("@citygross/typography/build/types/textTypes").TextSize | undefined;
24
24
  color?: string | undefined;
25
25
  lineThrough?: boolean | undefined;
26
26
  fontWeight?: "bold" | "regular" | "medium" | "semiBold" | undefined;
27
+ textAlign?: "center" | "left" | "right" | undefined;
27
28
  }) => JSX.Element, import("styled-components").DefaultTheme, TWrapMobile, never>;
28
29
  export declare const RadioFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TWrapMobile, never>;
29
30
  export declare const SecondaryColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
package/build/@types/components/Typography/bodyText.stories.d.ts CHANGED
@@ -2,12 +2,13 @@ import React from 'react';
2
2
  import { Story } from '@storybook/react';
3
3
  import { BodyText } from '@citygross/typography';
4
4
  declare const _default: {
5
- component: ({ size, color, children, lineThrough, fontWeight, ...props }: {
5
+ component: ({ size, color, children, lineThrough, fontWeight, textAlign, ...props }: {
6
6
  children: React.ReactNode;
7
7
  size?: import("@citygross/typography/build/types/textTypes").TextSize | undefined;
8
8
  color?: string | undefined;
9
9
  lineThrough?: boolean | undefined;
10
10
  fontWeight?: "bold" | "regular" | "medium" | "semiBold" | undefined;
11
+ textAlign?: "center" | "left" | "right" | undefined;
11
12
  }) => JSX.Element;
12
13
  title: string;
13
14
  argTypes: {
package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js CHANGED
@@ -13,9 +13,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  function RadioBoxItem(_a) {
15
15
  var _b, _c, _d;
16
- var _e = _a.radioColor, radioColor = _e === void 0 ? 'alertGreen' : _e, checked = _a.checked, isDisabled = _a.isDisabled, name = _a.name, _f = _a.align, align = _f === void 0 ? 'flex-start' : _f, setActive = _a.setActive, _g = _a.background, background = _g === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _g, _h = _a.border, border = _h === void 0 ? (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.border : _h, _j = _a.boxShadow, boxShadow = _j === void 0 ? true : _j, children = _a.children, flexDirection = _a.flexDirection, _k = _a.padding, padding = _k === void 0 ? (_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k;
16
+ var _e = _a.radioColor, radioColor = _e === void 0 ? 'alertGreen' : _e, checked = _a.checked, isDisabled = _a.isDisabled, name = _a.name, _f = _a.align, align = _f === void 0 ? 'flex-start' : _f, setActive = _a.setActive, _g = _a.background, background = _g === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _g, _h = _a.border, border = _h === void 0 ? (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.border : _h, _j = _a.boxShadow, boxShadow = _j === void 0 ? true : _j, children = _a.children, flexDirection = _a.flexDirection, _k = _a.padding, padding = _k === void 0 ? (_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k, _l = _a.hideRadioButton, hideRadioButton = _l === void 0 ? false : _l;
17
17
  return (React__default["default"].createElement(RadioBoxItem_styles.BaseRadioBox, { align: align, checked: checked, isDisabled: isDisabled, onClick: !isDisabled ? setActive : function () { }, background: background, border: border, boxShadow: boxShadow, flexDirection: flexDirection, padding: padding },
18
- React__default["default"].createElement(Radio.Radio, { customColor: radioColor, checked: checked, disabled: isDisabled, name: name, onChange: function () { return setActive; } }),
18
+ !hideRadioButton && React__default["default"].createElement(Radio.Radio, { customColor: radioColor, checked: checked, disabled: isDisabled, name: name, onChange: function () { return setActive; } }),
19
19
  children));
20
20
  }
21
21
 
package/build/es/components/src/components/RadioBox/RadioBoxItem.js CHANGED
@@ -5,9 +5,9 @@ import { BaseRadioBox } from './RadioBoxItem.styles.js';
5
5
 
6
6
  function RadioBoxItem(_a) {
7
7
  var _b, _c, _d;
8
- var _e = _a.radioColor, radioColor = _e === void 0 ? 'alertGreen' : _e, checked = _a.checked, isDisabled = _a.isDisabled, name = _a.name, _f = _a.align, align = _f === void 0 ? 'flex-start' : _f, setActive = _a.setActive, _g = _a.background, background = _g === void 0 ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.white : _g, _h = _a.border, border = _h === void 0 ? (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.border : _h, _j = _a.boxShadow, boxShadow = _j === void 0 ? true : _j, children = _a.children, flexDirection = _a.flexDirection, _k = _a.padding, padding = _k === void 0 ? (_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k;
8
+ var _e = _a.radioColor, radioColor = _e === void 0 ? 'alertGreen' : _e, checked = _a.checked, isDisabled = _a.isDisabled, name = _a.name, _f = _a.align, align = _f === void 0 ? 'flex-start' : _f, setActive = _a.setActive, _g = _a.background, background = _g === void 0 ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.white : _g, _h = _a.border, border = _h === void 0 ? (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.border : _h, _j = _a.boxShadow, boxShadow = _j === void 0 ? true : _j, children = _a.children, flexDirection = _a.flexDirection, _k = _a.padding, padding = _k === void 0 ? (_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k, _l = _a.hideRadioButton, hideRadioButton = _l === void 0 ? false : _l;
9
9
  return (React.createElement(BaseRadioBox, { align: align, checked: checked, isDisabled: isDisabled, onClick: !isDisabled ? setActive : function () { }, background: background, border: border, boxShadow: boxShadow, flexDirection: flexDirection, padding: padding },
10
- React.createElement(Radio, { customColor: radioColor, checked: checked, disabled: isDisabled, name: name, onChange: function () { return setActive; } }),
10
+ !hideRadioButton && React.createElement(Radio, { customColor: radioColor, checked: checked, disabled: isDisabled, name: name, onChange: function () { return setActive; } }),
11
11
  children));
12
12
  }
13
13
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.7.108",
3
+ "version": "0.7.109",
4
4
  "license": "ISC",
5
5
  "sideEffects": false,
6
6
  "main": "./build/cjs/components/src/index.js",
@@ -65,11 +65,11 @@
65
65
  "@citygross/design-tokens": "^0.2.31",
66
66
  "@citygross/icons": "^0.1.7",
67
67
  "@citygross/react-use-bg-wizard": "^0.0.8",
68
- "@citygross/typography": "^0.0.60",
68
+ "@citygross/typography": "^0.0.61",
69
69
  "@citygross/utils": "^0.0.22",
70
70
  "framer-motion": "^4.1.17",
71
71
  "moment": "^2.29.1",
72
72
  "react-loading-skeleton": "^2.2.0"
73
73
  },
74
- "gitHead": "2591fd960602c98533c3aefdfa72ff5c248308d6"
74
+ "gitHead": "7c4dfa102fb554b0d4879244b3e3e332841f6b3e"
75
75
  }