@citygross/components 0.8.147 → 0.8.148

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 (13) hide show
  1. package/build/@types/components/RadioBox/RadioBoxItem.d.ts +3 -1
  2. package/build/@types/components/RadioBox/RadioBoxItem.styles.d.ts +9 -5
  3. package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js +5 -12
  4. package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js.map +1 -1
  5. package/build/cjs/components/src/components/RadioBox/RadioBoxItem.styles.js +19 -4
  6. package/build/cjs/components/src/components/RadioBox/RadioBoxItem.styles.js.map +1 -1
  7. package/build/cjs/components/src/components/RadioBox/RadioBoxList.js +1 -1
  8. package/build/es/components/src/components/RadioBox/RadioBoxItem.js +6 -13
  9. package/build/es/components/src/components/RadioBox/RadioBoxItem.js.map +1 -1
  10. package/build/es/components/src/components/RadioBox/RadioBoxItem.styles.js +18 -5
  11. package/build/es/components/src/components/RadioBox/RadioBoxItem.styles.js.map +1 -1
  12. package/build/es/components/src/components/RadioBox/RadioBoxList.js +1 -1
  13. package/package.json +2 -2
package/build/@types/components/RadioBox/RadioBoxItem.d.ts CHANGED
@@ -1,13 +1,15 @@
1
1
  import React from 'react';
2
2
  import * as styles from './RadioBoxItem.styles';
3
3
  export declare type TRadioBox = styles.TBaseRadioBox & {
4
+ ariaLabel: string;
4
5
  background?: string;
5
6
  border?: string;
6
7
  children: React.ReactNode;
7
8
  hideRadioButton?: boolean;
8
9
  flexDirection?: string;
10
+ id: string;
9
11
  name: string;
10
12
  padding?: number;
11
13
  setActive?: () => void;
12
14
  };
13
- export declare const RadioBoxItem: ({ align, background, border, boxShadow, checked, children, hideRadioButton, flexDirection, isDisabled, name, padding, setActive }: TRadioBox) => JSX.Element;
15
+ export declare const RadioBoxItem: ({ align, ariaLabel, background, border, boxShadow, checked, children, hideRadioButton, flexDirection, id, isDisabled, name, padding, setActive }: TRadioBox) => JSX.Element;
package/build/@types/components/RadioBox/RadioBoxItem.styles.d.ts CHANGED
@@ -1,18 +1,22 @@
1
- import React from 'react';
2
1
  export declare enum Alignment {
3
2
  'flex-start' = 0,
4
3
  'center' = 1
5
4
  }
6
5
  export declare type TBaseRadioBox = {
7
- checked?: boolean;
8
- isDisabled?: boolean;
9
6
  align?: keyof typeof Alignment;
10
- onClick?: React.Dispatch<React.SetStateAction<undefined>> | (() => void);
11
7
  boxShadow?: boolean;
8
+ checked?: boolean;
9
+ isDisabled?: boolean;
12
10
  };
13
11
  export declare const BaseRadioBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBaseRadioBox & {
14
- border?: string | undefined;
15
12
  background?: string | undefined;
13
+ border?: string | undefined;
16
14
  flexDirection?: string | undefined;
17
15
  padding?: number | undefined;
18
16
  }, never>;
17
+ declare type TRadioBoxWrapper = {
18
+ disabled?: boolean;
19
+ };
20
+ export declare const RadioBoxWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TRadioBoxWrapper, never>;
21
+ export declare const RadioBoxLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
22
+ export {};
package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js CHANGED
@@ -13,18 +13,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
13
 
14
14
  var RadioBoxItem = function (_a) {
15
15
  var _b, _c, _d;
16
- var _e = _a.align, align = _e === void 0 ? 'flex-start' : _e, _f = _a.background, background = _f === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _f, _g = _a.border, border = _g === void 0 ? (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.border : _g, _h = _a.boxShadow, boxShadow = _h === void 0 ? true : _h, checked = _a.checked, children = _a.children, _j = _a.hideRadioButton, hideRadioButton = _j === void 0 ? false : _j, flexDirection = _a.flexDirection, isDisabled = _a.isDisabled, name = _a.name, _k = _a.padding, padding = _k === void 0 ? (_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k, setActive = _a.setActive;
17
- return (React__default["default"].createElement(RadioBoxItem_styles.BaseRadioBox, { align: align, "aria-checked": checked, background: background, border: border, boxShadow: boxShadow, checked: checked, flexDirection: flexDirection, isDisabled: isDisabled, onClick: !isDisabled ? setActive : undefined, onKeyDown: !isDisabled && setActive
18
- ? function (e) {
19
- if (e.key === 'Enter' || e.key === ' ') {
20
- if (e.key === ' ')
21
- e.preventDefault();
22
- setActive();
23
- }
24
- }
25
- : undefined, padding: padding, role: "radio", tabIndex: 0 },
26
- !hideRadioButton && (React__default["default"].createElement(Radio.Radio, { checked: checked, disabled: isDisabled, label: "", name: name, onChange: setActive !== null && setActive !== void 0 ? setActive : undefined })),
27
- children));
16
+ var _e = _a.align, align = _e === void 0 ? 'flex-start' : _e, ariaLabel = _a.ariaLabel, _f = _a.background, background = _f === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _f, _g = _a.border, border = _g === void 0 ? (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.border : _g, _h = _a.boxShadow, boxShadow = _h === void 0 ? true : _h, checked = _a.checked, children = _a.children, _j = _a.hideRadioButton, hideRadioButton = _j === void 0 ? false : _j, flexDirection = _a.flexDirection, id = _a.id, isDisabled = _a.isDisabled, name = _a.name, _k = _a.padding, padding = _k === void 0 ? (_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k, setActive = _a.setActive;
17
+ return (React__default["default"].createElement(RadioBoxItem_styles.RadioBoxWrapper, { disabled: isDisabled },
18
+ React__default["default"].createElement(RadioBoxItem_styles.BaseRadioBox, { align: align, background: background, border: border, boxShadow: boxShadow, checked: checked, flexDirection: flexDirection, isDisabled: isDisabled, padding: padding },
19
+ !hideRadioButton && (React__default["default"].createElement(Radio.Radio, { checked: checked, disabled: isDisabled, id: id, label: ariaLabel, name: name, onChange: setActive !== null && setActive !== void 0 ? setActive : undefined })),
20
+ React__default["default"].createElement(RadioBoxItem_styles.RadioBoxLabel, { htmlFor: id }, children))));
28
21
  };
29
22
 
30
23
  exports.RadioBoxItem = RadioBoxItem;
package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioBoxItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"RadioBoxItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/RadioBox/RadioBoxItem.styles.js CHANGED
@@ -14,18 +14,33 @@ exports.Alignment = void 0;
14
14
  Alignment[Alignment["flex-start"] = 0] = "flex-start";
15
15
  Alignment[Alignment["center"] = 1] = "center";
16
16
  })(exports.Alignment || (exports.Alignment = {}));
17
- var BaseRadioBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n cursor: ", ";\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: 5px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"], ["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n cursor: ", ";\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: 5px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"])), function (props) {
17
+ var BaseRadioBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: ", "px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"], ["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: ", "px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"])), function (props) {
18
18
  return props.flexDirection ? props.flexDirection : 'row';
19
- }, function (props) { return props.padding; }, function (props) { return props.align; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return (props.isDisabled ? 'default' : 'pointer'); }, function (props) { return props.isDisabled && 'opacity: 0.4'; }, function (props) { var _a; return props.checked ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight : props.background; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
19
+ }, function (props) { return props.padding; }, function (props) { return props.align; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return props.isDisabled && 'opacity: 0.4'; }, function (props) { var _a; return props.checked ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight : props.background; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
20
20
  return props.checked &&
21
21
  props.border &&
22
22
  "border: 1px solid ".concat(props.border && props.border);
23
- }, function (props) {
23
+ }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) {
24
24
  return props.boxShadow &&
25
25
  props.checked &&
26
26
  'box-shadow: 0px 2px 5px rgba(7, 52, 99, 0.15)';
27
27
  });
28
- var templateObject_1;
28
+ var RadioBoxWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n width: 100%;\n cursor: ", ";\n\n &:hover {\n ", " {\n border: 1px solid ", ";\n }\n }\n\n &:active {\n ", " {\n background: ", ";\n }\n }\n"], ["\n width: 100%;\n cursor: ", ";\n\n &:hover {\n ", " {\n border: 1px solid ", ";\n }\n }\n\n &:active {\n ", " {\n background: ", ";\n }\n }\n"])), function (_a) {
29
+ var disabled = _a.disabled;
30
+ return (disabled ? 'not-allowed' : 'pointer');
31
+ }, BaseRadioBox, function (_a) {
32
+ var _b;
33
+ var theme = _a.theme;
34
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest;
35
+ }, BaseRadioBox, function (_a) {
36
+ var _b;
37
+ var theme = _a.theme;
38
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lightest;
39
+ });
40
+ var RadioBoxLabel = styled__default["default"].label(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"])));
41
+ var templateObject_1, templateObject_2, templateObject_3;
29
42
 
30
43
  exports.BaseRadioBox = BaseRadioBox;
44
+ exports.RadioBoxLabel = RadioBoxLabel;
45
+ exports.RadioBoxWrapper = RadioBoxWrapper;
31
46
  //# sourceMappingURL=RadioBoxItem.styles.js.map
package/build/cjs/components/src/components/RadioBox/RadioBoxItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioBoxItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"RadioBoxItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/cjs/components/src/components/RadioBox/RadioBoxList.js CHANGED
@@ -17,7 +17,7 @@ function RadioBoxList(_a) {
17
17
  var _b, _c, _d;
18
18
  var isDisabled = _a.isDisabled, name = _a.name, _e = _a.align, align = _e === void 0 ? 'flex-start' : _e, setActive = _a.setActive, title = _a.title, text = _a.text, checked = _a.checked, children = _a.children;
19
19
  return (React__default["default"].createElement(RadioBoxList_styles.BaseRadioBoxList, { checked: checked },
20
- React__default["default"].createElement(RadioBoxItem.RadioBoxItem, { checked: checked, align: align, isDisabled: isDisabled, border: (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.none, boxShadow: false, setActive: setActive, name: name },
20
+ React__default["default"].createElement(RadioBoxItem.RadioBoxItem, { ariaLabel: title, id: "radio-box-list", checked: checked, align: align, isDisabled: isDisabled, border: (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.none, boxShadow: false, setActive: setActive, name: name },
21
21
  React__default["default"].createElement("div", null,
22
22
  React__default["default"].createElement(typography.H3, null, title),
23
23
  React__default["default"].createElement(RadioBoxList_styles.RadioBoxListParagraph, null, text))),
package/build/es/components/src/components/RadioBox/RadioBoxItem.js CHANGED
@@ -1,22 +1,15 @@
1
1
  import React from 'react';
2
2
  import { theme } from '@citygross/design-tokens';
3
3
  import { Radio } from '../FormElements/Radio/Radio.js';
4
- import { BaseRadioBox } from './RadioBoxItem.styles.js';
4
+ import { RadioBoxWrapper, BaseRadioBox, RadioBoxLabel } from './RadioBoxItem.styles.js';
5
5
 
6
6
  var RadioBoxItem = function (_a) {
7
7
  var _b, _c, _d;
8
- var _e = _a.align, align = _e === void 0 ? 'flex-start' : _e, _f = _a.background, background = _f === void 0 ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.white : _f, _g = _a.border, border = _g === void 0 ? (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.border : _g, _h = _a.boxShadow, boxShadow = _h === void 0 ? true : _h, checked = _a.checked, children = _a.children, _j = _a.hideRadioButton, hideRadioButton = _j === void 0 ? false : _j, flexDirection = _a.flexDirection, isDisabled = _a.isDisabled, name = _a.name, _k = _a.padding, padding = _k === void 0 ? (_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k, setActive = _a.setActive;
9
- return (React.createElement(BaseRadioBox, { align: align, "aria-checked": checked, background: background, border: border, boxShadow: boxShadow, checked: checked, flexDirection: flexDirection, isDisabled: isDisabled, onClick: !isDisabled ? setActive : undefined, onKeyDown: !isDisabled && setActive
10
- ? function (e) {
11
- if (e.key === 'Enter' || e.key === ' ') {
12
- if (e.key === ' ')
13
- e.preventDefault();
14
- setActive();
15
- }
16
- }
17
- : undefined, padding: padding, role: "radio", tabIndex: 0 },
18
- !hideRadioButton && (React.createElement(Radio, { checked: checked, disabled: isDisabled, label: "", name: name, onChange: setActive !== null && setActive !== void 0 ? setActive : undefined })),
19
- children));
8
+ var _e = _a.align, align = _e === void 0 ? 'flex-start' : _e, ariaLabel = _a.ariaLabel, _f = _a.background, background = _f === void 0 ? (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.white : _f, _g = _a.border, border = _g === void 0 ? (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c.border : _g, _h = _a.boxShadow, boxShadow = _h === void 0 ? true : _h, checked = _a.checked, children = _a.children, _j = _a.hideRadioButton, hideRadioButton = _j === void 0 ? false : _j, flexDirection = _a.flexDirection, id = _a.id, isDisabled = _a.isDisabled, name = _a.name, _k = _a.padding, padding = _k === void 0 ? (_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md : _k, setActive = _a.setActive;
9
+ return (React.createElement(RadioBoxWrapper, { disabled: isDisabled },
10
+ React.createElement(BaseRadioBox, { align: align, background: background, border: border, boxShadow: boxShadow, checked: checked, flexDirection: flexDirection, isDisabled: isDisabled, padding: padding },
11
+ !hideRadioButton && (React.createElement(Radio, { checked: checked, disabled: isDisabled, id: id, label: ariaLabel, name: name, onChange: setActive !== null && setActive !== void 0 ? setActive : undefined })),
12
+ React.createElement(RadioBoxLabel, { htmlFor: id }, children))));
20
13
  };
21
14
 
22
15
  export { RadioBoxItem };
package/build/es/components/src/components/RadioBox/RadioBoxItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioBoxItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"RadioBoxItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/RadioBox/RadioBoxItem.styles.js CHANGED
@@ -6,18 +6,31 @@ var Alignment;
6
6
  Alignment[Alignment["flex-start"] = 0] = "flex-start";
7
7
  Alignment[Alignment["center"] = 1] = "center";
8
8
  })(Alignment || (Alignment = {}));
9
- var BaseRadioBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n cursor: ", ";\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: 5px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"], ["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n cursor: ", ";\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: 5px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"])), function (props) {
9
+ var BaseRadioBox = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: ", "px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"], ["\n display: flex;\n flex-direction: ", ";\n flex-basis: 100%;\n padding: ", "px;\n align-items: ", ";\n gap: ", "px;\n ", ";\n\n background: ", ";\n border: solid 1px ", ";\n ", ";\n border-radius: ", "px;\n ", ";\n -webkit-transition: background-color 400ms linear;\n -ms-transition: background-color 400ms linear;\n transition: background-color 400ms linear;\n"])), function (props) {
10
10
  return props.flexDirection ? props.flexDirection : 'row';
11
- }, function (props) { return props.padding; }, function (props) { return props.align; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return (props.isDisabled ? 'default' : 'pointer'); }, function (props) { return props.isDisabled && 'opacity: 0.4'; }, function (props) { var _a; return props.checked ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight : props.background; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
11
+ }, function (props) { return props.padding; }, function (props) { return props.align; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return props.isDisabled && 'opacity: 0.4'; }, function (props) { var _a; return props.checked ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight : props.background; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
12
12
  return props.checked &&
13
13
  props.border &&
14
14
  "border: 1px solid ".concat(props.border && props.border);
15
- }, function (props) {
15
+ }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) {
16
16
  return props.boxShadow &&
17
17
  props.checked &&
18
18
  'box-shadow: 0px 2px 5px rgba(7, 52, 99, 0.15)';
19
19
  });
20
- var templateObject_1;
20
+ var RadioBoxWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n cursor: ", ";\n\n &:hover {\n ", " {\n border: 1px solid ", ";\n }\n }\n\n &:active {\n ", " {\n background: ", ";\n }\n }\n"], ["\n width: 100%;\n cursor: ", ";\n\n &:hover {\n ", " {\n border: 1px solid ", ";\n }\n }\n\n &:active {\n ", " {\n background: ", ";\n }\n }\n"])), function (_a) {
21
+ var disabled = _a.disabled;
22
+ return (disabled ? 'not-allowed' : 'pointer');
23
+ }, BaseRadioBox, function (_a) {
24
+ var _b;
25
+ var theme = _a.theme;
26
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest;
27
+ }, BaseRadioBox, function (_a) {
28
+ var _b;
29
+ var theme = _a.theme;
30
+ return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.lightest;
31
+ });
32
+ var RadioBoxLabel = styled.label(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n"], ["\n flex: 1;\n"])));
33
+ var templateObject_1, templateObject_2, templateObject_3;
21
34
 
22
- export { Alignment, BaseRadioBox };
35
+ export { Alignment, BaseRadioBox, RadioBoxLabel, RadioBoxWrapper };
23
36
  //# sourceMappingURL=RadioBoxItem.styles.js.map
package/build/es/components/src/components/RadioBox/RadioBoxItem.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RadioBoxItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"RadioBoxItem.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/build/es/components/src/components/RadioBox/RadioBoxList.js CHANGED
@@ -9,7 +9,7 @@ function RadioBoxList(_a) {
9
9
  var _b, _c, _d;
10
10
  var isDisabled = _a.isDisabled, name = _a.name, _e = _a.align, align = _e === void 0 ? 'flex-start' : _e, setActive = _a.setActive, title = _a.title, text = _a.text, checked = _a.checked, children = _a.children;
11
11
  return (React.createElement(BaseRadioBoxList, { checked: checked },
12
- React.createElement(RadioBoxItem, { checked: checked, align: align, isDisabled: isDisabled, border: (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.none, boxShadow: false, setActive: setActive, name: name },
12
+ React.createElement(RadioBoxItem, { ariaLabel: title, id: "radio-box-list", checked: checked, align: align, isDisabled: isDisabled, border: (_b = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _b === void 0 ? void 0 : _b.none, boxShadow: false, setActive: setActive, name: name },
13
13
  React.createElement("div", null,
14
14
  React.createElement(H3, null, title),
15
15
  React.createElement(RadioBoxListParagraph, null, text))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@citygross/components",
3
- "version": "0.8.147",
3
+ "version": "0.8.148",
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": "3c7b3f52ee6cbe9858c17d83db8a00fa7a9fdb0d"
77
+ "gitHead": "a0129a936899683ac110fb67b51694695e9c0dc3"
78
78
  }