@proprioo/salatim 19.9.0 → 20.1.0

package/lib/phone/src/phoneInput/PhoneInput.js

@@ -7,6 +7,6 @@ const react_1 = __importDefault(require("react"));
 const Input_1 = require("../../../ui/src/input/Input");
 const InputBase_1 = __importDefault(require("../../../ui/src/inputBase/InputBase"));
 const Phone_1 = __importDefault(require("./Phone"));
-const PhoneInput = ({ label, value, onChange, dataTest, disabled = false, error = false, phoneWithFlags = false, required = false }) => (react_1.default.createElement(InputBase_1.default, { dataTest: dataTest || 'customer-phone', name: "phone", type: Input_1.InputType.TEXT, disabled: disabled, error: error, label: label, value: value, onChange: onChange, inputElement: Phone_1.default, phoneWithFlags: phoneWithFlags, required: required }));
+const PhoneInput = ({ label, value, onChange, dataTest, disabled = false, error = false, phoneWithFlags = false, required = false }) => (react_1.default.createElement(InputBase_1.default, { dataTest: dataTest || 'customer-phone', name: "phone", type: Input_1.InputType.TEL, disabled: disabled, error: error, label: label, value: value, onChange: onChange, inputElement: Phone_1.default, phoneWithFlags: phoneWithFlags, required: required }));
 exports.default = PhoneInput;
 //# sourceMappingURL=PhoneInput.js.map

package/lib/phone/src/phoneInput/PhoneInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/PhoneInput.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,uDAAwD;AACxD,oFAAgF;AAChF,oDAA4B;AAE5B,MAAM,UAAU,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,EACjB,EAAE,EAAE,CAAC,CACJ,8BAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,IAAI,gBAAgB,EACtC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,iBAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,eAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/PhoneInput.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,uDAAwD;AACxD,oFAAgF;AAChF,oDAA4B;AAE5B,MAAM,UAAU,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,EACjB,EAAE,EAAE,CAAC,CACJ,8BAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,IAAI,gBAAgB,EACtC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,iBAAS,CAAC,GAAG,EACnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,eAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.d.ts

@@ -1,11 +1,13 @@
 import { ReactElement } from 'react';
-export interface OwnProps<T> {
+export interface BlockIconProps<T> {
     text: string;
-    image: ReactElement;
+    name: string;
     value: T;
     selectedValue: T;
-    dataTest: string;
     onClick(value: T): void;
+    dataTest?: string;
+    image?: ReactElement;
+    isContentCentered?: boolean;
 }
-declare function BlockIcon<T>({ onClick, image, text, selectedValue, dataTest, value }: OwnProps<T>): JSX.Element;
+declare function BlockIcon<T>({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered }: BlockIconProps<T>): JSX.Element;
 export default BlockIcon;

package/lib/ui/src/blockIcon/BlockIcon.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const BlockIcon_styles_1 = require("./BlockIcon.styles");
-function BlockIcon({ onClick, image, text, selectedValue, dataTest, value }) {
-    const isDisabled = selectedValue !== value;
-    return (react_1.default.createElement(BlockIcon_styles_1.Layout, { "data-test": dataTest, onClick: () => onClick(value), disabled: isDisabled, "aria-disabled": isDisabled },
-        react_1.default.createElement(BlockIcon_styles_1.TextContainer, null,
-            react_1.default.createElement("span", { "data-test": "text-block" }, text)),
-        react_1.default.createElement(BlockIcon_styles_1.ImageContainer, null,
-            react_1.default.createElement("span", { "data-test": "image-block" }, image))));
+function BlockIcon({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered = false }) {
+    const isActive = selectedValue === value;
+    const labelId = `radio-input-label-${text}`;
+    return (react_1.default.createElement(BlockIcon_styles_1.Layout, Object.assign({}, { isActive, isContentCentered }, { "data-test": dataTest || `radio-button-${text}` }),
+        react_1.default.createElement(BlockIcon_styles_1.RadioInput, Object.assign({}, name, { type: "radio", "aria-labelledby": labelId, checked: isActive, onChange: () => onClick(value) })),
+        react_1.default.createElement("span", { id: labelId }, text),
+        image));
 }
 exports.default = BlockIcon;
 //# sourceMappingURL=BlockIcon.js.map

package/lib/ui/src/blockIcon/BlockIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA4C;AAE5C,yDAA2E;AAW3E,SAAS,SAAS,CAAI,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACO;IACZ,MAAM,UAAU,GAAG,aAAa,KAAK,KAAK,CAAC;IAE3C,OAAO,CACL,8BAAC,yBAAM,iBACM,QAAQ,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,QAAQ,EAAE,UAAU,mBACL,UAAU;QAEzB,8BAAC,gCAAa;YACZ,qDAAgB,YAAY,IAAE,IAAI,CAAQ,CAC5B;QAChB,8BAAC,iCAAc;YACb,qDAAgB,aAAa,IAAE,KAAK,CAAQ,CAC7B,CACV,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA4C;AAE5C,yDAAwD;AAaxD,SAAS,SAAS,CAAI,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACL,iBAAiB,GAAG,KAAK,EACP;IAClB,MAAM,QAAQ,GAAG,aAAa,KAAK,KAAK,CAAC;IACzC,MAAM,OAAO,GAAG,qBAAqB,IAAI,EAAE,CAAC;IAE5C,OAAO,CACL,8BAAC,yBAAM,oBACD,EAAE,QAAQ,EAAE,iBAAiB,EAAE,iBACxB,QAAQ,IAAI,gBAAgB,IAAI,EAAE;QAE7C,8BAAC,6BAAU,oBACL,IAAI,IACR,IAAI,EAAC,OAAO,qBACK,OAAO,EACxB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,IAC9B;QACF,wCAAM,EAAE,EAAE,OAAO,IAAG,IAAI,CAAQ;QAC/B,KAAK,CACC,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.stories.js

@@ -13,14 +13,16 @@ const BlockIcon_1 = __importDefault(require("./BlockIcon"));
 const propertyState = new storybook_state_1.Store({
     property: hokkaido_1.PropertyEnum.FLAT
 });
+const radioGroupName = 'property-type';
 const { Arrow } = icons_1.default;
 (0, react_2.storiesOf)('BlockIcon', module).add('BlockIcon', () => {
     const updateProperty = (property) => {
         propertyState.set({ property });
     };
     return (react_1.default.createElement(storybook_state_1.State, { store: propertyState }, state => (react_1.default.createElement(utils_1.Line, null,
-        react_1.default.createElement(utils_1.Row, null,
-            react_1.default.createElement(BlockIcon_1.default, { dataTest: `data-test`, key: `block-flat`, image: react_1.default.createElement(Arrow, null), text: 'Appartement', value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }),
-            react_1.default.createElement(BlockIcon_1.default, { dataTest: `data-test`, key: `block-house`, image: react_1.default.createElement(Arrow, null), text: 'Maison', value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty }))))));
+        react_1.default.createElement("h2", { id: "property-type-label" }, "Type de logement :"),
+        react_1.default.createElement(utils_1.Row, { role: "radiogroup", "aria-labelledby": "property-type-label" },
+            react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-flat", image: react_1.default.createElement(Arrow, null), text: "Appartement", name: radioGroupName, value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }),
+            react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-house", image: react_1.default.createElement(Arrow, null), text: "Maison", name: radioGroupName, value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty }))))));
 });
 //# sourceMappingURL=BlockIcon.stories.js.map

package/lib/ui/src/blockIcon/BlockIcon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iDAAkD;AAClD,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,QAAQ,EAAE,uBAAY,CAAC,IAAI;CAC5B,CAAC,CAAC;AAEH,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACnD,MAAM,cAAc,GAAG,CAAC,QAAsB,EAAE,EAAE;QAChD,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,IACxB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,YAAI;QACH,8BAAC,WAAG;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,uBAAY,CAAC,IAAI,EACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAE,WAAW,EACrB,GAAG,EAAE,aAAa,EAClB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,uBAAY,CAAC,KAAK,EACzB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB,CACE,CACD,CACR,CACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,iDAAkD;AAClD,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,QAAQ,EAAE,uBAAY,CAAC,IAAI;CAC5B,CAAC,CAAC;AACH,MAAM,cAAc,GAAG,eAAe,CAAC;AAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACnD,MAAM,cAAc,GAAG,CAAC,QAAsB,EAAE,EAAE;QAChD,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,IACxB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,YAAI;QACH,sCAAI,EAAE,EAAC,qBAAqB,yBAAwB;QACpD,8BAAC,WAAG,IAAC,IAAI,EAAC,YAAY,qBAAiB,qBAAqB;YAC1D,8BAAC,mBAAS,IACR,QAAQ,EAAC,WAAW,EACpB,GAAG,EAAC,YAAY,EAChB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,uBAAY,CAAC,IAAI,EACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB;YACF,8BAAC,mBAAS,IACR,QAAQ,EAAC,WAAW,EACpB,GAAG,EAAC,aAAa,EACjB,KAAK,EAAE,8BAAC,KAAK,OAAG,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,uBAAY,CAAC,KAAK,EACzB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,GACvB,CACE,CACD,CACR,CACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.styles.d.ts

@@ -1,5 +1,5 @@
-export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Layout: import("styled-components").StyledComponent<"div", any, {
-    disabled: boolean;
+export declare const Layout: import("styled-components").StyledComponent<"label", any, {
+    isActive: boolean;
+    isContentCentered: boolean;
 }, never>;
+export declare const RadioInput: import("styled-components").StyledComponent<"input", any, {}, never>;

package/lib/ui/src/blockIcon/BlockIcon.styles.js

@@ -19,44 +19,35 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Layout = exports.TextContainer = exports.ImageContainer = void 0;
+exports.RadioInput = exports.Layout = void 0;
+const polished_1 = require("polished");
 const styled_components_1 = __importStar(require("styled-components"));
 const utils_1 = require("../../../utils");
-exports.ImageContainer = styled_components_1.default.div `
-  margin-left: auto;
-
-  span {
-    display: block;
-    height: ${(0, utils_1.convertPxToRem)(28)};
-    width: ${(0, utils_1.convertPxToRem)(28)};
-
-    svg {
-      height: 100%;
-      width: 100%;
-    }
-  }
-`;
-exports.TextContainer = styled_components_1.default.div `
+exports.Layout = styled_components_1.default.label `
   ${utils_1.paragraphs.label};
-`;
-exports.Layout = styled_components_1.default.div `
+
   display: flex;
   align-items: center;
+  justify-content: ${({ isContentCentered }) => isContentCentered ? 'center' : 'space-between'};
   cursor: pointer;
+  padding: ${(0, utils_1.convertPxToRem)(16)};
+  height: ${(0, utils_1.convertPxToRem)(48)};
   width: 50%;
-  border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.red.base10};
+  border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.grey.base80};
   border-radius: ${utils_1.radius.biggest};
+  background-color: white;
+  color: ${utils_1.colors.dark.base80};
   transition: border 0.1s ease-in, background 0.2s ease-in;
-  height: ${(0, utils_1.convertPxToRem)(48)};
-  padding: ${(0, utils_1.convertPxToRem)(16)};
-  color: ${utils_1.colors.orange.base};
-  background-color: ${utils_1.colors.orange.base10};
-  box-shadow: ${utils_1.shadows.level5};
 
   & + & {
     margin-left: ${(0, utils_1.convertPxToRem)(16)};
   }
 
+  svg {
+    height: ${(0, utils_1.convertPxToRem)(28)};
+    width: ${(0, utils_1.convertPxToRem)(28)};
+  }
+
   @media (max-width: ${utils_1.breakpoints.xsmall}px) {
     width: 100%;
 
@@ -65,12 +56,15 @@ exports.Layout = styled_components_1.default.div `
     }
   }
 
-  ${({ disabled }) => disabled &&
+  ${({ isActive }) => isActive &&
     (0, styled_components_1.css) `
-      background-color: white;
-      border-color: ${utils_1.colors.grey.base80};
-      color: ${utils_1.colors.dark.base80};
-      box-shadow: none;
+      box-shadow: ${utils_1.shadows.level5};
+      border-color: ${utils_1.colors.red.base10};
+      background-color: ${utils_1.colors.orange.base10};
+      color: ${utils_1.colors.orange.base};
     `};
 `;
+exports.RadioInput = styled_components_1.default.input `
+  ${(0, polished_1.hideVisually)()};
+`;
 //# sourceMappingURL=BlockIcon.styles.js.map

package/lib/ui/src/blockIcon/BlockIcon.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;AAEX,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;cAK1B,IAAA,sBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO9B,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;IACnC,kBAAU,CAAC,KAAK;CACnB,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;;;;YAK3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,GAAG,CAAC,MAAM;mBACrC,cAAM,CAAC,OAAO;;YAErB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;WACpB,cAAM,CAAC,MAAM,CAAC,IAAI;sBACP,cAAM,CAAC,MAAM,CAAC,MAAM;gBAC1B,eAAO,CAAC,MAAM;;;mBAGX,IAAA,sBAAc,EAAC,EAAE,CAAC;;;uBAGd,mBAAW,CAAC,MAAM;;;;gBAIzB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;IAI9B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;sBAEe,cAAM,CAAC,IAAI,CAAC,MAAM;eACzB,cAAM,CAAC,IAAI,CAAC,MAAM;;KAE5B;CACJ,CAAC"}
+{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwC;AACxC,uEAAgD;AAEhD,0CAOwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAGhC;IACE,kBAAU,CAAC,KAAK;;;;qBAIC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAC3C,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;;aAErC,IAAA,sBAAc,EAAC,EAAE,CAAC;YACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;;YAElB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,cAAM,CAAC,OAAO;;WAEtB,cAAM,CAAC,IAAI,CAAC,MAAM;;;;mBAIV,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;cAIvB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;uBAGR,mBAAW,CAAC,MAAM;;;;gBAIzB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;IAI9B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;oBACa,eAAO,CAAC,MAAM;sBACZ,cAAM,CAAC,GAAG,CAAC,MAAM;0BACb,cAAM,CAAC,MAAM,CAAC,MAAM;eAC/B,cAAM,CAAC,MAAM,CAAC,IAAI;KAC5B;CACJ,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,CAAA;IAClC,IAAA,uBAAY,GAAE;CACjB,CAAC"}

package/lib/ui/src/blockIcon/BlockIcon.test.js

@@ -17,17 +17,20 @@ const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
 const hokkaido_1 = require("@proprioo/hokkaido");
 const react_2 = require("@testing-library/react");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
+const test_utils_1 = require("../../../utils/src/test-utils");
 const BlockIcon_1 = __importDefault(require("./BlockIcon"));
 const mockOnChange = jest.fn();
 const defaultProps = {
-    image: react_1.default.createElement("div", null),
+    image: react_1.default.createElement("div", { "data-test": "image" }),
     text: 'text',
     dataTest: 'test',
+    name: 'radio-group-name',
     value: hokkaido_1.PropertyEnum.FLAT,
     selectedValue: hokkaido_1.PropertyEnum.HOUSE,
     onClick: mockOnChange
 };
 describe('BlockIcon', () => {
+    it('should pass A11y test', () => (0, test_utils_1.testA11y)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps))));
     it('should equal snapshot rendering', () => {
         const tree = react_test_renderer_1.default.create(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps))).toJSON();
         expect(tree).toMatchSnapshot();
@@ -35,19 +38,19 @@ describe('BlockIcon', () => {
     it('should render', () => {
         (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByTestId('test')).toBeInTheDocument();
-        expect(react_2.screen.getByTestId('image-block')).toBeInTheDocument();
-        expect(react_2.screen.getByTestId('text-block')).toBeInTheDocument();
-        expect(react_2.screen.getByTestId('test')).toHaveAttribute('aria-disabled', 'true');
+        expect(react_2.screen.getByRole('radio', { name: 'text' })).toBeInTheDocument();
+        expect(react_2.screen.getByRole('radio', { name: 'text' })).not.toBeChecked();
+        expect(react_2.screen.getByTestId('image')).toBeInTheDocument();
     });
     it('should trigger onChange', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, defaultProps)));
-        user_event_1.default.click(react_2.screen.getByTestId('test'));
+        user_event_1.default.click(react_2.screen.getByRole('radio', { name: 'text' }));
         yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalled());
     }));
-    it('should not be disabled', () => {
+    it('should be selected', () => {
         const props = Object.assign(Object.assign({}, defaultProps), { selectedValue: hokkaido_1.PropertyEnum.FLAT });
         (0, react_2.render)(react_1.default.createElement(BlockIcon_1.default, Object.assign({}, props)));
-        expect(react_2.screen.getByTestId('test')).toHaveAttribute('aria-disabled', 'false');
+        expect(react_2.screen.getByRole('radio', { name: 'text' })).toBeChecked();
     });
 });
 //# sourceMappingURL=BlockIcon.test.js.map

package/lib/ui/src/blockIcon/BlockIcon.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,iDAAkD;AAClD,kDAAiE;AACjE,6EAAoD;AAEpD,4DAAkD;AAElD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAA2B;IAC3C,KAAK,EAAE,0CAAO;IACd,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,uBAAY,CAAC,IAAI;IACxB,aAAa,EAAE,uBAAY,CAAC,KAAK;IACjC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC9D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;QAC5C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,KAAK,mCACN,YAAY,KACf,aAAa,EAAE,uBAAY,CAAC,IAAI,GACjC,CAAC;QAEF,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAChD,eAAe,EACf,OAAO,CACR,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,iDAAkD;AAClD,kDAAiE;AACjE,6EAAoD;AAEpD,8DAAyD;AACzD,4DAAwD;AAExD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAiC;IACjD,KAAK,EAAE,oDAAe,OAAO,GAAG;IAChC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,uBAAY,CAAC,IAAI;IACxB,aAAa,EAAE,uBAAY,CAAC,KAAK;IACjC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE,CAAC,IAAA,qBAAQ,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAE7E,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACtE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAE7D,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,MAAM,KAAK,mCACN,YAAY,KACf,aAAa,EAAE,uBAAY,CAAC,IAAI,GACjC,CAAC;QAEF,IAAA,cAAM,EAAC,8BAAC,mBAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;QAEjC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/card/Card.js

@@ -32,9 +32,11 @@ const Dropup_1 = __importDefault(require("./icons/Dropup"));
 const Card = ({ children, after, dataTest = 'card-layout', disabled = false, label, labelAfter, noPadding, hasToggle = false, isOpen: controlledIsOpen, toggleLabel, tooltip, onOpen, onClose }) => {
     const isControlled = controlledIsOpen !== undefined;
     const [isOpen, toggleIsOpen] = (0, react_1.useState)(controlledIsOpen || false);
+    const canCloseControlledCard = isControlled && hasToggle && !onClose;
+    const canOpenControlledCard = isControlled && hasToggle && !onOpen;
     const isSmartphone = (0, utils_1.useSmartphoneDevice)();
     const closeCard = () => {
-        if (!isControlled) {
+        if (!isControlled || canCloseControlledCard) {
             toggleIsOpen(false);
         }
         if (onClose) {
@@ -42,21 +44,14 @@ const Card = ({ children, after, dataTest = 'card-layout', disabled = false, lab
         }
     };
     const openCard = () => {
-        if (!isControlled) {
+        if (!isControlled || canOpenControlledCard) {
             toggleIsOpen(true);
         }
         if (onOpen) {
             onOpen();
         }
     };
-    const toggleCard = () => {
-        if (isOpen) {
-            closeCard();
-        }
-        else {
-            openCard();
-        }
-    };
+    const toggleCard = () => (isOpen ? closeCard() : openCard());
     (0, react_1.useEffect)(() => {
         if (isControlled) {
             toggleIsOpen(controlledIsOpen);

package/lib/ui/src/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+E;AAE/E,0CAA6D;AAC7D,yDAAiC;AACjC,iEAAyC;AACzC,+CAWuB;AACvB,gEAAyC;AACzC,4DAAqC;AAiBrC,MAAM,IAAI,GAAkB,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,MAAM,EAAE,gBAAgB,EACxB,WAAW,EACX,OAAO,EACP,MAAM,EACN,OAAO,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,gBAAgB,KAAK,SAAS,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,gBAAgB,IAAI,KAAK,CAAC,CAAC;IAE5E,MAAM,sBAAsB,GAAG,YAAY,IAAI,SAAS,IAAI,CAAC,OAAO,CAAC;IACrE,MAAM,qBAAqB,GAAG,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC;IAEnE,MAAM,YAAY,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,YAAY,IAAI,sBAAsB,EAAE;YAC3C,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,YAAY,IAAI,qBAAqB,EAAE;YAC1C,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAC;SACV;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,gBAAiB,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,OAAO,CACL,8BAAC,oBAAM,iBAAY,QAAQ,EAAE,QAAQ,EAAE,QAAQ;QAC7C,8BAAC,oBAAM,IACL,OAAO,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxD,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;YAElB,8BAAC,4BAAc,iBAAW,iBAAiB;gBACzC,oDACa,SAAS,QAAQ,EAAE,EAC9B,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAC1C;gBACD,UAAU,IAAI,8BAAC,+BAAiB,QAAE,UAAU,CAAqB;gBACjE,OAAO,IAAI,CACV,8BAAC,gCAAkB,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE;oBACnD,8BAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM;wBACzC,8BAAC,2BAAa;4BACZ,8BAAC,cAAI,IAAC,IAAI,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,GAAI,CAClB,CACR,CACS,CACtB,CACc;YAChB,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,8BAAC,4BAAc;gBACZ,KAAK,IAAI,CACR,8BAAC,gCAAkB,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,IAClD,KAAK,CACa,CACtB;gBACA,SAAS,IAAI,CACZ,8BAAC,6BAAe;oBACb,CAAC,YAAY,IAAI,CAChB,8BAAC,gBAAQ,QACN,WAAW,IAAI,CACd,qDAAgB,cAAc,IAAE,WAAW,CAAQ,CACpD,CACQ,CACZ;oBACD,8BAAC,kBAAI,iBAAW,oBAAoB,IACjC,MAAM,CAAC,CAAC,CAAC,8BAAC,gBAAO,OAAG,CAAC,CAAC,CAAC,8BAAC,kBAAS,OAAG,CAChC,CACS,CACnB,CACc,CAClB,CACM;QACR,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC,IAAI,CACtD,8BAAC,kBAAI,IAAC,SAAS,EAAE,SAAS,eAAY,WAAW,IAC9C,QAAQ,CACJ,CACR,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/lib/ui/src/card/Card.stories.js

@@ -8,9 +8,9 @@ const storybook_state_1 = require("@sambego/storybook-state");
 const react_2 = require("@storybook/react");
 const Button_1 = __importDefault(require("../button/Button"));
 const Button_interfaces_1 = require("../button/Button.interfaces");
-const Card_1 = __importDefault(require("./Card"));
 const interfaces_1 = require("../tag/interfaces");
 const Tag_1 = __importDefault(require("../tag/Tag"));
+const Card_1 = __importDefault(require("./Card"));
 const defaultProps = {
     label: 'Label Title Here',
     tooltip: 'Lorem ipsum dolor sit amet, conse tetur adipiscing elit. Habitant mollis quis egestas sed interdum elit et, purus ac. Nisl, egestas malesuada dui gravida molestie iaculis eget morbi massa.'
@@ -36,6 +36,7 @@ controlledState.subscribe(() => {
                 controlledState.set({ isOpen: false });
             } }, "Close")));
 })
+    .add('with toggle - opened buy default', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: true }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
     .add('with after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
     .add('with toggle and after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
     .add('with labelAfter and toggle and after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { labelAfter: react_1.default.createElement(Tag_1.default, { appearance: interfaces_1.TagAppearance.BUSINESS, labels: ['test'], color: interfaces_1.TagColorsTypes.ORANGE_LIGHT, dataTest: "tag-test" }), hasToggle: true, after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))

package/lib/ui/src/card/Card.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8DAAwD;AACxD,4CAA4D;AAE5D,8DAAsC;AACtC,mEAA4E;AAC5E,kDAAkE;AAClE,qDAA6B;AAC7B,kDAAyC;AAEzC,MAAM,YAAY,GAAc;IAC9B,KAAK,EAAE,kBAAkB;IACzB,OAAO,EACL,8LAA8L;CACjM,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,uBAAK,CAAsB;IACrD,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE;IAC7B,IAAA,qBAAa,GAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,MAAM,EAAE,MAAM,CAAC;KACtB,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,8BAAC,cAAI,oBAAK,YAAY,iIAGf,CACR,CAAC;KACD,GAAG,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAC5B,8BAAC,cAAI,oBAAK,YAAY,IAAE,SAAS,yIAG1B,CACR,CAAC;KACD,GAAG,CAAC,2BAA2B,EAAE,GAAG,EAAE,CAAC,CACtC,8BAAC,cAAI,oBAAK,YAAY,IAAE,SAAS,EAAE,IAAI,mIAGhC,CACR,CAAC;KACD,GAAG,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACnC,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,eAAe;QAC3B,8BAAC,cAAI,oBACC,YAAY,IAChB,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,EACrC,MAAM,EAAE,GAAG,EAAE;gBACX,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACxC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACzC,CAAC,mIAII;QACP,0CACE,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACzC,CAAC,YAGM,CACH,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,kCAAkC,EAAE,GAAG,EAAE,CAAC,CAC7C,8BAAC,cAAI,oBAAK,YAAY,IAAE,SAAS,QAAC,MAAM,yIAGjC,CACR,CAAC;KACD,GAAG,CAAC,oBAAoB,EAAE,GAAG,EAAE,CAAC,CAC/B,8BAAC,cAAI,oBACC,YAAY,IAChB,KAAK,EACH,8BAAC,gBAAM,IACL,IAAI,EAAE,+BAAW,CAAC,KAAK,EACvB,UAAU,EAAE,oCAAgB,CAAC,SAAS,EACtC,KAAK,EAAC,cAAc,GACpB,mIAKC,CACR,CAAC;KACD,GAAG,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,CAC1C,8BAAC,cAAI,oBACC,YAAY,IAChB,SAAS,QACT,KAAK,EACH,8BAAC,gBAAM,IACL,IAAI,EAAE,+BAAW,CAAC,KAAK,EACvB,UAAU,EAAE,oCAAgB,CAAC,SAAS,EACtC,KAAK,EAAC,cAAc,GACpB,mIAKC,CACR,CAAC;KACD,GAAG,CAAC,8CAA8C,EAAE,GAAG,EAAE,CAAC,CACzD,8BAAC,cAAI,oBACC,YAAY,IAChB,UAAU,EACR,8BAAC,aAAG,IACF,UAAU,EAAE,0BAAa,CAAC,QAAQ,EAClC,MAAM,EAAE,CAAC,MAAM,CAAC,EAChB,KAAK,EAAE,2BAAc,CAAC,YAAY,EAClC,QAAQ,EAAC,UAAU,GACnB,EAEJ,SAAS,QACT,KAAK,EACH,8BAAC,gBAAM,IACL,IAAI,EAAE,+BAAW,CAAC,KAAK,EACvB,UAAU,EAAE,oCAAgB,CAAC,SAAS,EACtC,KAAK,EAAC,cAAc,GACpB,mIAKC,CACR,CAAC;KACD,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CACrB,8BAAC,cAAI,oBAAK,YAAY,IAAE,SAAS,QAAC,QAAQ,yIAGnC,CACR,CAAC,CAAC"}

package/lib/ui/src/card/Card.test.js

@@ -16,9 +16,9 @@ const react_1 = __importDefault(require("react"));
 const react_2 = require("@testing-library/react");
 const user_event_1 = __importDefault(require("@testing-library/user-event"));
 const responsive_1 = require("../../../utils/src/responsive");
-const Card_1 = __importDefault(require("./Card"));
-const Tag_1 = __importDefault(require("../tag/Tag"));
 const interfaces_1 = require("../tag/interfaces");
+const Tag_1 = __importDefault(require("../tag/Tag"));
+const Card_1 = __importDefault(require("./Card"));
 const defaultProps = {
     label: 'A title'
 };
@@ -101,5 +101,11 @@ describe('Card component', () => {
         user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
         yield (0, react_2.waitFor)(() => expect(mockOnClose).toHaveBeenCalledTimes(1));
     }));
+    it('should be opened by default and toggle content', () => __awaiter(void 0, void 0, void 0, function* () {
+        (0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: true }), "Content"));
+        expect(react_2.screen.getByTestId('body-card')).toBeInTheDocument();
+        user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
+        yield (0, react_2.waitFor)(() => expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument());
+    }));
 });
 //# sourceMappingURL=Card.test.js.map

package/lib/ui/src/card/Card.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.test.tsx"],"names":[],"mappings":"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"}

package/lib/ui/src/radio/Radio.js

@@ -8,8 +8,8 @@ const Radio_styles_1 = require("./Radio.styles");
 const Radio = ({ name, label, id, isChecked, onChange, value, dataTest }) => {
     const hash = `${id}-${name}`;
     return (react_1.default.createElement(Radio_styles_1.Layout, { "data-test": dataTest || `radio-${name}` },
-        react_1.default.createElement(Radio_styles_1.RadioLayout, { type: "radio", id: hash, name: name, value: value, onChange: event => onChange(event), checked: isChecked }),
-        react_1.default.createElement(Radio_styles_1.RadioLabelLayout, { htmlFor: hash }, label)));
+        react_1.default.createElement(Radio_styles_1.RadioButton, { type: "radio", id: hash, name: name, value: value, onChange: event => onChange(event), checked: isChecked }),
+        react_1.default.createElement(Radio_styles_1.RadioLabel, { htmlFor: hash }, label)));
 };
 exports.default = Radio;
 //# sourceMappingURL=Radio.js.map

package/lib/ui/src/radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA+C;AAE/C,iDAAuE;AAYvE,MAAM,KAAK,GAAmB,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAC7B,OAAO,CACL,8BAAC,qBAAM,iBAAY,QAAQ,IAAI,SAAS,IAAI,EAAE;QAC5C,8BAAC,0BAAW,IACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,SAAS,GAClB;QACF,8BAAC,+BAAgB,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAoB,CACpD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA+C;AAE/C,iDAAiE;AAYjE,MAAM,KAAK,GAAmB,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAE7B,OAAO,CACL,8BAAC,qBAAM,iBAAY,QAAQ,IAAI,SAAS,IAAI,EAAE;QAC5C,8BAAC,0BAAW,IACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,SAAS,GAClB;QACF,8BAAC,yBAAU,IAAC,OAAO,EAAE,IAAI,IAAG,KAAK,CAAc,CACxC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/lib/ui/src/radio/Radio.stories.js

@@ -1,46 +1,19 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const storybook_state_1 = require("@sambego/storybook-state");
-const addon_actions_1 = require("@storybook/addon-actions");
 const react_2 = require("@storybook/react");
 const Radio_1 = __importDefault(require("./Radio"));
 const radioState = new storybook_state_1.Store({
-    isChecked: false
+    currentOption: ''
 });
-const onChange = (0, addon_actions_1.action)('onChange');
-const defaultProps = {
-    id: 'id',
-    label: 'Radio',
-    name: 'name',
-    value: '',
-    isChecked: false,
-    onChange
-};
-(0, react_2.storiesOf)('Radio', module).add('Radio', () => (react_1.default.createElement(storybook_state_1.State, { store: radioState }, state => (react_1.default.createElement(react_1.Fragment, null,
-    react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps, { id: 'id1', isChecked: state.isChecked, value: '1', onChange: () => radioState.set({ isChecked: !radioState.get('isChecked') }) })),
-    react_1.default.createElement("br", null),
-    react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps, { id: 'id2', isChecked: state.isChecked, value: '2', onChange: () => radioState.set({ isChecked: !radioState.get('isChecked') }) })))))));
+const option1 = '1';
+const option2 = '2';
+const RadioName = 'options';
+(0, react_2.storiesOf)('Radio', module).add('Radio', () => (react_1.default.createElement(storybook_state_1.State, { store: radioState }, ({ currentOption }) => (react_1.default.createElement("div", { role: "radiogroup", "aria-label": "Radio buttons" },
+    react_1.default.createElement(Radio_1.default, { id: "id1", label: "option 1", name: RadioName, value: option1, isChecked: currentOption === option1, onChange: () => radioState.set({ currentOption: option1 }) }),
+    react_1.default.createElement(Radio_1.default, { id: "id2", label: "option 2", name: RadioName, value: option2, isChecked: currentOption === option2, onChange: () => radioState.set({ currentOption: option2 }) }))))));
 //# sourceMappingURL=Radio.stories.js.map

package/lib/ui/src/radio/Radio.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAExC,8DAAwD;AACxD,4DAAkD;AAClD,4CAA6C;AAE7C,oDAA4C;AAE5C,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC;AAEpC,MAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,KAAK;IAChB,QAAQ;CACT,CAAC;AAEF,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC5C,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU,IACrB,KAAK,CAAC,EAAE,CAAC,CACR,8BAAC,gBAAQ;IACP,8BAAC,eAAK,oBACA,YAAY,IAChB,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,GAAG,EAAE,CACb,UAAU,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,IAE7D;IACF,yCAAM;IACN,8BAAC,eAAK,oBACA,YAAY,IAChB,EAAE,EAAE,KAAK,EACT,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,GAAG,EAAE,CACb,UAAU,CAAC,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,IAE7D,CACO,CACZ,CACK,CACT,CAAC,CAAC"}
+{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAwC;AAExC,8DAAwD;AACxD,4CAA6C;AAE7C,oDAA4B;AAE5B,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,aAAa,EAAE,EAAE;CAClB,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC;AACpB,MAAM,OAAO,GAAG,GAAG,CAAC;AACpB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC5C,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU,IACrB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CACtB,uCAAK,IAAI,EAAC,YAAY,gBAAY,eAAe;IAC/C,8BAAC,eAAK,IACJ,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,aAAa,KAAK,OAAO,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,GAC1D;IACF,8BAAC,eAAK,IACJ,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,aAAa,KAAK,OAAO,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,GAC1D,CACE,CACP,CACK,CACT,CAAC,CAAC"}

package/lib/ui/src/radio/Radio.styles.d.ts

@@ -1,3 +1,3 @@
 export declare const Layout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RadioLabelLayout: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare const RadioLayout: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const RadioLabel: import("styled-components").StyledComponent<"label", any, {}, never>;
+export declare const RadioButton: import("styled-components").StyledComponent<"input", any, {}, never>;

package/lib/ui/src/radio/Radio.styles.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioLayout = exports.RadioLabelLayout = exports.Layout = void 0;
+exports.RadioButton = exports.RadioLabel = exports.Layout = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("../../../utils");
 exports.Layout = styled_components_1.default.div `
-  position: relative;
+  padding: ${(0, utils_1.convertPxToRem)(4)} ${(0, utils_1.convertPxToRem)(8)} ${(0, utils_1.convertPxToRem)(4)} 0;
 `;
-exports.RadioLabelLayout = styled_components_1.default.label `
-  ${utils_1.ArchivoFont}
+exports.RadioLabel = styled_components_1.default.label `
+  ${utils_1.ArchivoFont};
   cursor: pointer;
   color: ${utils_1.colors.dark.base};
   font-size: ${utils_1.fonts.small};
@@ -20,60 +20,61 @@ exports.RadioLabelLayout = styled_components_1.default.label `
     background-color: transparent;
   }
 `;
-exports.RadioLayout = styled_components_1.default.input `
-  position: absolute;
+exports.RadioButton = styled_components_1.default.input `
   opacity: 0;
+  margin-right: ${(0, utils_1.convertPxToRem)(16)};
 
-  + ${exports.RadioLabelLayout} {
-    ::before {
+  + ${exports.RadioLabel} {
+    display: inline-block;
+    position: relative;
+
+    ::before,
+    ::after {
       content: '';
-      position: relative;
-      border-radius: ${utils_1.radius.max};
-      background-color: white;
       display: inline-block;
-      border: ${(0, utils_1.convertPxToRem)(2)} solid ${utils_1.colors.dark.base20};
+      position: absolute;
+      border-radius: ${utils_1.radius.rounded};
+      transition: all 250ms ease;
+    }
+
+    // radio button circle
+    ::before {
+      top: -${(0, utils_1.convertPxToRem)(4)};
+      left: -${(0, utils_1.convertPxToRem)(32)};
       width: ${(0, utils_1.convertPxToRem)(24)};
       height: ${(0, utils_1.convertPxToRem)(24)};
-      top: -${(0, utils_1.convertPxToRem)(2)};
-      margin-right: ${(0, utils_1.convertPxToRem)(8)};
-      vertical-align: top;
-      transition: all 250ms ease;
+      border: ${(0, utils_1.convertPxToRem)(2)} solid ${utils_1.colors.dark.base20};
+      background-color: white;
     }
 
+    // radio button selected circle
     ::after {
-      content: '';
-      position: absolute;
+      opacity: 0;
+      top: ${(0, utils_1.convertPxToRem)(2)};
+      left: -${(0, utils_1.convertPxToRem)(26)};
       width: ${(0, utils_1.convertPxToRem)(12)};
       height: ${(0, utils_1.convertPxToRem)(12)};
-      top: ${(0, utils_1.convertPxToRem)(4)};
-      left: ${(0, utils_1.convertPxToRem)(6)};
-      background-color: ${utils_1.colors.orange.base};
-      border-radius: ${utils_1.radius.max};
       transform: scale(0);
-      transition: all 0.25s ease;
-      opacity: 0;
     }
   }
 
-  :not(:checked) {
-    + ${exports.RadioLabelLayout} {
-      :hover {
-        ::before {
-          border-color: ${utils_1.colors.orange.base};
-        }
-      }
+  &:focus,
+  &:hover {
+    + ${exports.RadioLabel}::before {
+      border-color: ${utils_1.colors.orange.base};
     }
   }
 
-  :checked {
-    + ${exports.RadioLabelLayout} {
+  &:checked {
+    + ${exports.RadioLabel} {
       ::before {
         border-color: ${utils_1.colors.orange.base20};
       }
 
       ::after {
-        transform: scale(1);
         opacity: 1;
+        transform: scale(1);
+        background-color: ${utils_1.colors.orange.base};
       }
     }
   }