@proprioo/salatim 19.7.0 → 20.0.0

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

@@ -1,3 +1,4 @@
 import { TextareaProps } from './Textarea';
 export declare type TextareaLayoutProps = Pick<TextareaProps, 'error' | 'focused' | 'autoResize' | 'disabled' | 'borderRadius'>;
 export declare const TextareaLayout: import("styled-components").StyledComponent<"textarea", any, TextareaLayoutProps, never>;
+export declare const Counter: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -19,7 +19,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextareaLayout = void 0;
+exports.Counter = exports.TextareaLayout = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const utils_1 = require("../../../utils");
 exports.TextareaLayout = styled_components_1.default.textarea `
@@ -30,7 +30,6 @@ exports.TextareaLayout = styled_components_1.default.textarea `
   border-radius: ${({ borderRadius }) => borderRadius};
   box-sizing: border-box;
   padding: ${(0, utils_1.convertPxToRem)(16)} ${(0, utils_1.convertPxToRem)(24)};
-  font-style: normal;
   font-size: ${utils_1.fonts.small};
   line-height: ${(0, utils_1.convertPxToRem)(24)};
   color: ${utils_1.colors.dark.base80};
@@ -42,13 +41,7 @@ exports.TextareaLayout = styled_components_1.default.textarea `
       max-height: ${(0, utils_1.convertPxToRem)(300)};
     `}
 
-  ${({ focused }) => focused &&
-    (0, styled_components_1.css) `
-      border-color: ${utils_1.colors.orange.base};
-    `};
-
-  ${({ value, focused }) => value &&
-    !focused &&
+  ${({ value, focused, disabled }) => ((value && !disabled) || focused) &&
     (0, styled_components_1.css) `
       border-color: ${utils_1.colors.orange.base};
     `};
@@ -77,4 +70,10 @@ exports.TextareaLayout = styled_components_1.default.textarea `
     color: currentColor;
   }
 `;
+exports.Counter = styled_components_1.default.div `
+  ${utils_1.paragraphs.caption};
+  color: ${utils_1.colors.dark.base80};
+  text-align: right;
+  margin-right: ${(0, utils_1.convertPxToRem)(16)};
+`;
 //# sourceMappingURL=Textarea.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAA4E;AAQ/D,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,CAAqB;IAC9D,mBAAW;;;YAGH,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY;;aAExC,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;;eAEtC,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;WACxB,cAAM,CAAC,IAAI,CAAC,MAAM;;;IAGzB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;oBACa,IAAA,sBAAc,EAAC,GAAG,CAAC;oBACnB,IAAA,sBAAc,EAAC,GAAG,CAAC;KAClC;;IAED,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;sBACe,cAAM,CAAC,MAAM,CAAC,IAAI;KACnC;;IAED,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACvB,KAAK;IACL,CAAC,OAAO;IACR,IAAA,uBAAG,EAAA;sBACe,cAAM,CAAC,MAAM,CAAC,IAAI;KACnC;;IAED,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;0BACmB,cAAM,CAAC,IAAI,CAAC,MAAM;;eAE7B,cAAM,CAAC,IAAI,CAAC,IAAI;KAC1B;;IAED,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,IAAA,uBAAG,EAAA;eACQ,cAAM,CAAC,GAAG,CAAC,IAAI;sBACR,cAAM,CAAC,GAAG,CAAC,IAAI;KAChC;;;;;;;;;;;;CAYJ,CAAC"}
+{"version":3,"file":"Textarea.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAQX,QAAA,cAAc,GAAG,2BAAM,CAAC,QAAQ,CAAqB;IAC9D,mBAAW;;;YAGH,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY;;aAExC,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;eACtC,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;WACxB,cAAM,CAAC,IAAI,CAAC,MAAM;;;IAGzB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,CAAC,UAAU;IACX,IAAA,uBAAG,EAAA;oBACa,IAAA,sBAAc,EAAC,GAAG,CAAC;oBACnB,IAAA,sBAAc,EAAC,GAAG,CAAC;KAClC;;IAED,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjC,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC;IACjC,IAAA,uBAAG,EAAA;sBACe,cAAM,CAAC,MAAM,CAAC,IAAI;KACnC;;IAED,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;0BACmB,cAAM,CAAC,IAAI,CAAC,MAAM;;eAE7B,cAAM,CAAC,IAAI,CAAC,IAAI;KAC1B;;IAED,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,IAAA,uBAAG,EAAA;eACQ,cAAM,CAAC,GAAG,CAAC,IAAI;sBACR,cAAM,CAAC,GAAG,CAAC,IAAI;KAChC;;;;;;;;;;;;CAYJ,CAAC;AAEW,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;IAC7B,kBAAU,CAAC,OAAO;WACX,cAAM,CAAC,IAAI,CAAC,MAAM;;kBAEX,IAAA,sBAAc,EAAC,EAAE,CAAC;CACnC,CAAC"}

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

@@ -21,12 +21,13 @@ const defaultProps = {
     value: '',
     onChange: mockOnChange
 };
-describe('Textarea component', () => {
+describe('Textarea', () => {
     afterEach(() => jest.resetAllMocks());
     afterAll(() => jest.clearAllMocks());
     it('should render component', () => {
         (0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps)));
         expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
+        expect(react_2.screen.queryByTestId('textarea-counter')).not.toBeInTheDocument();
     });
     it('should use onChange function', () => __awaiter(void 0, void 0, void 0, function* () {
         (0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps)));
@@ -34,5 +35,10 @@ describe('Textarea component', () => {
         user_event_1.default.type(react_2.screen.getByRole('textbox'), 'some text');
         yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalled());
     }));
+    it('should render counter', () => {
+        (0, react_2.render)(react_1.default.createElement(Textarea_1.default, Object.assign({}, defaultProps, { maxlength: 20, hasCounter: true })));
+        expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
+        expect(react_2.screen.getByTestId('textarea-counter')).toBeInTheDocument();
+    });
 });
 //# sourceMappingURL=Textarea.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,0DAAqD;AAErD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,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,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAS,EAAE;QAC5C,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAEjE,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,CAAC;QACzD,MAAM,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Textarea.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/textarea/Textarea.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,kDAAiE;AACjE,6EAAoD;AAEpD,0DAAqD;AAErD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,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,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAS,EAAE;QAC5C,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;QAEjE,oBAAS,CAAC,IAAI,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,WAAW,CAAC,CAAC;QACzD,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,uBAAuB,EAAE,GAAG,EAAE;QAC/B,IAAA,cAAM,EAAC,8BAAC,kBAAQ,oBAAK,YAAY,IAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,IAAI,CAAC,CAAC;QAExE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACrE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proprioo/salatim",
-  "version": "19.7.0",
+  "version": "20.0.0",
   "description": "Proprioo component library",
   "keywords": [
     "components",
@@ -74,7 +74,7 @@
     "@commitlint/cli": "^15.0.0",
     "@commitlint/config-conventional": "^15.0.0",
     "@popperjs/core": "^2.11.0",
-    "@proprioo/hokkaido": "^4.36.0",
+    "@proprioo/hokkaido": "^4.41.0",
     "@rollup/plugin-commonjs": "21.0.1",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^13.0.6",