@proprioo/salatim 19.7.0 → 20.0.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/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../packages/ui/src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAElC,yEAAsD;AAKtD,MAAM,SAAS,GAAuB,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,qBAAqB,EACtB,EAAE,EAAE,CAAC,CACJ,8BAAC,mCAAQ,IACP,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,IAE3C,QAAQ,CACA,CACZ,CAAC;AAEF,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../packages/ui/src/accordion/Accordion.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAkC;AAGlC,yEAAsD;AAItD,MAAM,SAAS,GAAuB,CAAC,EACrC,QAAQ,EACR,WAAW,EACX,qBAAqB,EACtB,EAAE,EAAE,CAAC,CACJ,8BAAC,mCAAQ,IACP,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,IAE3C,QAAQ,CACA,CACZ,CAAC;AAEF,kBAAe,SAAS,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/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};
       }
     }
   }

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAE/B,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,KAAK,CAAA;IACxC,mBAAW;;WAEJ,cAAM,CAAC,IAAI,CAAC,IAAI;eACZ,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;CAKlC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;MAIjC,wBAAgB;;;;uBAIC,cAAM,CAAC,GAAG;;;gBAGjB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;eAC9C,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;cACpB,IAAA,sBAAc,EAAC,CAAC,CAAC;sBACT,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;;;;eAQxB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACrB,IAAA,sBAAc,EAAC,CAAC,CAAC;cAChB,IAAA,sBAAc,EAAC,CAAC,CAAC;0BACL,cAAM,CAAC,MAAM,CAAC,IAAI;uBACrB,cAAM,CAAC,GAAG;;;;;;;;QAQzB,wBAAgB;;;0BAGE,cAAM,CAAC,MAAM,CAAC,IAAI;;;;;;;QAOpC,wBAAgB;;wBAEA,cAAM,CAAC,MAAM,CAAC,MAAM;;;;;;;;;CAS3C,CAAC"}
+{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;aACnB,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC;CACvE,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,CAAA;IAClC,mBAAW;;WAEJ,cAAM,CAAC,IAAI,CAAC,IAAI;eACZ,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;CAKlC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;kBAErB,IAAA,sBAAc,EAAC,EAAE,CAAC;;MAE9B,kBAAU;;;;;;;;;uBASO,cAAM,CAAC,OAAO;;;;;;cAMvB,IAAA,sBAAc,EAAC,CAAC,CAAC;eAChB,IAAA,sBAAc,EAAC,EAAE,CAAC;eAClB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;;aAOhD,IAAA,sBAAc,EAAC,CAAC,CAAC;eACf,IAAA,sBAAc,EAAC,EAAE,CAAC;eAClB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;QAO1B,kBAAU;sBACI,cAAM,CAAC,MAAM,CAAC,IAAI;;;;;QAKhC,kBAAU;;wBAEM,cAAM,CAAC,MAAM,CAAC,MAAM;;;;;;4BAMhB,cAAM,CAAC,MAAM,CAAC,IAAI;;;;CAI7C,CAAC"}

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

@@ -13,8 +13,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
+const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
 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 Radio_1 = __importDefault(require("./Radio"));
 const mockChange = jest.fn();
 const defaultProps = {
@@ -28,9 +30,14 @@ const defaultProps = {
 describe('Radio component', () => {
     afterEach(() => jest.resetAllMocks());
     afterAll(() => jest.clearAllMocks());
+    it('should pass A11y tests', () => (0, test_utils_1.testA11y)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps))));
+    it('should equal snapshot rendering', () => {
+        const tree = react_test_renderer_1.default.create(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));
+        expect(tree).toMatchSnapshot();
+    });
     it('should render component', () => {
         (0, react_2.render)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));
-        expect(react_2.screen.getByRole('radio')).toBeInTheDocument();
+        expect(react_2.screen.getByRole('radio', { name: 'Radio' })).not.toBeChecked();
     });
     it('should trigger onChange component', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(Radio_1.default, Object.assign({}, defaultProps)));

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,oDAA4C;AAE5C,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE7B,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,EAAE,UAAU;CACrB,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAErC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QACjD,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEtD,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2C;AAE3C,kDAAiE;AACjE,6EAAoD;AAEpD,8DAAyD;AACzD,oDAA4C;AAE5C,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE7B,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,EAAE,UAAU;CACrB,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAErC,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,IAAA,qBAAQ,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAE1E,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QACjD,IAAA,cAAM,EAAC,8BAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEtD,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3C,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/ui/src/textarea/Textarea.d.ts

@@ -17,6 +17,7 @@ export interface TextareaProps {
     required?: boolean;
     spellCheck?: boolean;
     lang?: string;
+    hasCounter?: boolean;
     onChange?(value: string): void;
 }
 export interface TextareaStateProps {

package/lib/ui/src/textarea/Textarea.js

@@ -109,9 +109,14 @@ class Textarea extends react_1.Component {
         }
     }
     render() {
-        const { autoResize, placeholder, maxlength, borderRadius = utils_1.radius.biggest, error = false, required = false, disabled = false, spellCheck = false, lang = 'fr-FR' } = this.props;
+        const { autoResize, placeholder, maxlength, borderRadius = utils_1.radius.biggest, error = false, required = false, disabled = false, spellCheck = false, lang = 'fr-FR', hasCounter = false } = this.props;
         const { value, focused } = this.state;
-        return (react_1.default.createElement(Textarea_styles_1.TextareaLayout, { spellCheck: spellCheck, lang: lang, error: error, placeholder: placeholder, value: value, autoResize: autoResize, disabled: disabled, focused: focused, maxLength: maxlength, onChange: this.handleOnChange, onFocus: this.handleFocus, onBlur: this.handleBlur, required: required, "data-test": "textarea", ref: this.loadRef, borderRadius: borderRadius }));
+        return (react_1.default.createElement(react_1.Fragment, null,
+            react_1.default.createElement(Textarea_styles_1.TextareaLayout, { spellCheck: spellCheck, lang: lang, error: error, placeholder: placeholder, value: value, autoResize: autoResize, disabled: disabled, focused: focused, maxLength: maxlength, onChange: this.handleOnChange, onFocus: this.handleFocus, onBlur: this.handleBlur, required: required, "data-test": "textarea", ref: this.loadRef, borderRadius: borderRadius }),
+            Boolean(maxlength) && hasCounter && (react_1.default.createElement(Textarea_styles_1.Counter, { "data-test": "textarea-counter" },
+                value.length,
+                " / ",
+                maxlength))));
     }
 }
 exports.default = Textarea;

package/lib/ui/src/textarea/Textarea.js.map

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

package/lib/ui/src/textarea/Textarea.stories.js

@@ -75,5 +75,13 @@ const placeholder = (0, addon_knobs_1.text)('Placeholder', 'Mangez des pommes !'
                 textareaState.set({ value });
                 onChangeAction(value);
             } }, knobs()))))));
+})
+    .add('With counter', () => {
+    textareaState.set({ value: '' });
+    return (react_1.default.createElement(storybook_state_1.State, { store: textareaState }, ({ value }) => (react_1.default.createElement(MockForm_1.default, null,
+        react_1.default.createElement(Textarea_1.default, Object.assign({ error: false, placeholder: placeholder, focused: true, value: value, required: true, autoResize: true, maxlength: 20, hasCounter: true, onChange: value => {
+                textareaState.set({ value });
+                onChangeAction(value);
+            } }, knobs()))))));
 });
 //# sourceMappingURL=Textarea.stories.js.map

package/lib/ui/src/textarea/Textarea.stories.js.map

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