@preply/ds-web-lib 0.52.0 → 0.53.0

package/dist/components/FieldLayout/style/index.module.less.js

@@ -1,6 +1,6 @@
 import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
 
-var css_248z = "._3wd25W{grid-gap:var(--1ba55a);background-color:var(--5836cb);border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--1ba55a);padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._3wd25W:hover{border-color:var(--398094)}._3wd25W input{background:none;border:none;font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:0}._3wd25W input::-webkit-input-placeholder{color:var(--3d280d)}._3wd25W input::-moz-placeholder{color:var(--3d280d)}._3wd25W input:-ms-input-placeholder{color:var(--3d280d)}._3wd25W input::-ms-input-placeholder{color:var(--3d280d)}._3wd25W input::placeholder{color:var(--3d280d)}.dR7X8n{height:var(--7c1b1c)}.dR7X8n svg{color:var(--3d280d)}._2oOvNj ._3wd25W{background-color:var(--4ae8c9);border-color:var(--eaf4a3)}._2oOvNj ._3wd25W input,._2oOvNj .dR7X8n svg{color:var(--9167e9)}._3VIW2W ._3wd25W{border-color:var(--398094)}._2AzKuR ._3wd25W{background-color:var(--04daeb);border-color:transparent}._3wd25W button{margin-bottom:calc(var(--1ba55a)*-1);margin-top:calc(var(--1ba55a)*-1)}";
+var css_248z = "._3wd25W{grid-gap:var(--1ba55a);background-color:var(--5836cb);background-color:var(--211bc0);border:var(--d9baa3) solid var(--29cd58);border-radius:var(--c4b051);color:var(--41d493);display:-webkit-box;display:-ms-flexbox;display:flex;gap:var(--1ba55a);padding:calc(var(--d9baa3) + var(--1ba55a));padding-left:calc(var(--477fda) - var(--d9baa3));padding-right:var(--d9baa3)}._3wd25W:hover{border-color:var(--398094)}._3wd25W input{background:none;border:none;font-size:var(--0c62d6);font-style:var(--a833d1);font-variation-settings:var(--5bcea1);font-weight:var(--cb99be);letter-spacing:var(--035113);line-height:var(--829b1e);outline:none;padding:0}._3wd25W input::-webkit-input-placeholder{color:var(--d9209f)}._3wd25W input::-moz-placeholder{color:var(--d9209f)}._3wd25W input:-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::-ms-input-placeholder{color:var(--d9209f)}._3wd25W input::placeholder{color:var(--d9209f)}.dR7X8n{height:var(--7c1b1c)}.dR7X8n svg{color:var(--cbc724)}._2oOvNj ._3wd25W{background-color:var(--95df5b);border-color:var(--eaf4a3)}._2oOvNj ._3wd25W input,._2oOvNj .dR7X8n svg{color:var(--7b0f41)}._3VIW2W ._3wd25W{border-color:var(--398094)}._2AzKuR ._3wd25W{background-color:var(--04daeb);border-color:transparent}._3wd25W button{margin-bottom:calc(var(--1ba55a)*-1);margin-top:calc(var(--1ba55a)*-1)}";
 var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/FieldLayout/style/index.module.less",__css:css_248z,"FieldLayout--input":"_3wd25W","FieldLayout--icon":"dR7X8n","FieldLayout--has-error":"_2oOvNj","FieldLayout--is-focused":"_3VIW2W","FieldLayout--is-disabled":"_2AzKuR"};
 var stylesheet=css_248z;
 styleInject(css_248z);

package/dist/components/FieldLayout/style/mixins.less

@@ -19,6 +19,8 @@
         padding-right: @input-base-borderWidth;
         background-color: @background-secondary;
         border-style: solid;
+        .color('input', 'base');
+        .bg-color('input', 'base');
         .border-color('border', 'base');
         .border-width('input', 'base');
         .border-radius('input', 'base');
@@ -32,7 +34,7 @@
             .text-variant('m');
 
             &::placeholder {
-                .color('content', 'secondary');
+                .color('input', 'placeholder');
             }
         }
     }
@@ -41,21 +43,21 @@
         height: @icon-size-s-size;
 
         svg {
-            color: @content-secondary-color;
+            .color('input', 'icon');
         }
     }
 
     &--has-error &--input {
-        background-color: @background-error;
+        .bg-color('input', 'error');
         .border-color('border', 'error');
 
         input {
-            .color('content', 'error');
+            .color('input', 'error');
         }
     }
 
     &--has-error &--icon svg {
-        color: @content-error-color;
+        color: @input-error-color;
     }
 
     &--is-focused &--input {

package/dist/components/ObserveIntersection/ObserveIntersection.d.ts

@@ -0,0 +1,11 @@
+import type { Dataset, LayoutTag } from '@preply/ds-core';
+import { FC, ReactNode } from 'react';
+export interface Props {
+    onIntersect: () => void;
+    once?: boolean;
+    threshold?: number;
+    tag?: LayoutTag;
+    dataset?: Dataset;
+    children?: ReactNode;
+}
+export declare const ObserveIntersection: FC<Props>;

package/dist/components/ObserveIntersection/ObserveIntersection.js

@@ -0,0 +1,31 @@
+import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
+import { getDatasetProps } from '@preply/ds-web-core';
+import React__default, { useRef, useEffect } from 'react';
+
+const ObserveIntersection = ({ onIntersect, once, threshold, tag, dataset, children, }) => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const ref = useRef(null);
+    useEffect(() => {
+        const callback = ([entry], obs) => {
+            if (entry.isIntersecting) {
+                onIntersect();
+                if (once && ref.current) {
+                    obs.unobserve(ref.current);
+                }
+            }
+        };
+        const options = { threshold };
+        const observer = new IntersectionObserver(callback, options);
+        if (ref.current) {
+            observer.observe(ref.current);
+        }
+        return () => observer.disconnect();
+    }, [onIntersect, once, threshold]);
+    const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
+    const props = { ref, ...getDatasetProps(dataset) };
+    // ignore "Expression produces a union type that is too complex to represent" error
+    return React__default.createElement(Tag, Object.assign({}, props), children);
+};
+
+export { ObserveIntersection };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT2JzZXJ2ZUludGVyc2VjdGlvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT2JzZXJ2ZUludGVyc2VjdGlvbi9PYnNlcnZlSW50ZXJzZWN0aW9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IERhdGFzZXQsIExheW91dFRhZyB9IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQgfSBmcm9tICdAcHJlcGx5L2RzLWNvcmUnO1xuaW1wb3J0IHsgZ2V0RGF0YXNldFByb3BzIH0gZnJvbSAnQHByZXBseS9kcy13ZWItY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSwgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUHJvcHMge1xuICAgIG9uSW50ZXJzZWN0OiAoKSA9PiB2b2lkO1xuICAgIG9uY2U/OiBib29sZWFuO1xuICAgIHRocmVzaG9sZD86IG51bWJlcjtcbiAgICB0YWc/OiBMYXlvdXRUYWc7XG4gICAgZGF0YXNldD86IERhdGFzZXQ7XG4gICAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59XG5cbnR5cGUgVW5pb25Ub0ludGVyc2VjdGlvbjxVPiA9IChVIGV4dGVuZHMgYW55ID8gKGs6IFUpID0+IHZvaWQgOiBuZXZlcikgZXh0ZW5kcyAoazogaW5mZXIgSSkgPT4gdm9pZFxuICAgID8gSVxuICAgIDogbmV2ZXI7XG5cbmV4cG9ydCBjb25zdCBPYnNlcnZlSW50ZXJzZWN0aW9uOiBGQzxQcm9wcz4gPSAoe1xuICAgIG9uSW50ZXJzZWN0LFxuICAgIG9uY2UsXG4gICAgdGhyZXNob2xkLFxuICAgIHRhZyxcbiAgICBkYXRhc2V0LFxuICAgIGNoaWxkcmVuLFxufTogUHJvcHMpID0+IHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxuICAgIGNvbnN0IHJlZiA9IHVzZVJlZjxVbmlvblRvSW50ZXJzZWN0aW9uPEhUTUxFbGVtZW50VGFnTmFtZU1hcFtMYXlvdXRUYWddPj4obnVsbCk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBjb25zdCBjYWxsYmFjazogSW50ZXJzZWN0aW9uT2JzZXJ2ZXJDYWxsYmFjayA9IChbZW50cnldLCBvYnMpID0+IHtcbiAgICAgICAgICAgIGlmIChlbnRyeS5pc0ludGVyc2VjdGluZykge1xuICAgICAgICAgICAgICAgIG9uSW50ZXJzZWN0KCk7XG4gICAgICAgICAgICAgICAgaWYgKG9uY2UgJiYgcmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICAgICAgb2JzLnVub2JzZXJ2ZShyZWYuY3VycmVudCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9O1xuICAgICAgICBjb25zdCBvcHRpb25zID0geyB0aHJlc2hvbGQgfTtcbiAgICAgICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoY2FsbGJhY2ssIG9wdGlvbnMpO1xuXG4gICAgICAgIGlmIChyZWYuY3VycmVudCkge1xuICAgICAgICAgICAgb2JzZXJ2ZXIub2JzZXJ2ZShyZWYuY3VycmVudCk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gKCkgPT4gb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIH0sIFtvbkludGVyc2VjdCwgb25jZSwgdGhyZXNob2xkXSk7XG5cbiAgICBjb25zdCBUYWcgPSB0YWcgPz8gTEFZT1VUX1RBR19ERUZBVUxUO1xuICAgIGNvbnN0IHByb3BzID0geyByZWYsIC4uLmdldERhdGFzZXRQcm9wcyhkYXRhc2V0KSB9O1xuXG4gICAgLy8gaWdub3JlIFwiRXhwcmVzc2lvbiBwcm9kdWNlcyBhIHVuaW9uIHR5cGUgdGhhdCBpcyB0b28gY29tcGxleCB0byByZXByZXNlbnRcIiBlcnJvclxuICAgIHJldHVybiA8VGFnIHsuLi5wcm9wc30+e2NoaWxkcmVufTwvVGFnPjtcbn07XG4iXSwibmFtZXMiOlsiUmVhY3QiXSwibWFwcGluZ3MiOiI7Ozs7TUFrQmEsbUJBQW1CLEdBQWMsQ0FBQyxFQUMzQyxXQUFXLEVBQ1gsSUFBSSxFQUNKLFNBQVMsRUFDVCxHQUFHLEVBQ0gsT0FBTyxFQUNQLFFBQVEsR0FDSjs7SUFFSixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQXdELElBQUksQ0FBQyxDQUFDO0lBRWhGLFNBQVMsQ0FBQztRQUNOLE1BQU0sUUFBUSxHQUFpQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRztZQUN4RCxJQUFJLEtBQUssQ0FBQyxjQUFjLEVBQUU7Z0JBQ3RCLFdBQVcsRUFBRSxDQUFDO2dCQUNkLElBQUksSUFBSSxJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7b0JBQ3JCLEdBQUcsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2lCQUM5QjthQUNKO1NBQ0osQ0FBQztRQUNGLE1BQU0sT0FBTyxHQUFHLEVBQUUsU0FBUyxFQUFFLENBQUM7UUFDOUIsTUFBTSxRQUFRLEdBQUcsSUFBSSxvQkFBb0IsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7UUFFN0QsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO1lBQ2IsUUFBUSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDakM7UUFFRCxPQUFPLE1BQU0sUUFBUSxDQUFDLFVBQVUsRUFBRSxDQUFDO0tBQ3RDLEVBQUUsQ0FBQyxXQUFXLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFFbkMsTUFBTSxHQUFHLEdBQUcsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksa0JBQWtCLENBQUM7SUFDdEMsTUFBTSxLQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxlQUFlLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQzs7SUFHbkQsT0FBT0EsNkJBQUMsR0FBRyxvQkFBSyxLQUFLLEdBQUcsUUFBUSxDQUFPLENBQUM7QUFDNUM7Ozs7In0=

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export { FieldLayout } from './FieldLayout/FieldLayout';
 export { Heading } from './Heading/Heading';
 export { Icon } from './Icon/Icon';
 export { IconButton } from './IconButton/IconButton';
+export { ObserveIntersection } from './ObserveIntersection/ObserveIntersection';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex';
 export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem';
 export { LayoutGrid } from './LayoutGrid/LayoutGrid';

package/dist/components/index.js

@@ -9,6 +9,7 @@ export { FieldLayout } from './FieldLayout/FieldLayout.js';
 export { Heading } from './Heading/Heading.js';
 export { Icon } from './Icon/Icon.js';
 export { IconButton } from './IconButton/IconButton.js';
+export { ObserveIntersection } from './ObserveIntersection/ObserveIntersection.js';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
 export { LayoutGrid } from './LayoutGrid/LayoutGrid.js';
@@ -25,4 +26,4 @@ export { TextField } from './TextField/TextField.js';
 export { PasswordField } from './PasswordField/PasswordField.js';
 export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
 export { TextInline } from './TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

package/dist/index.js

@@ -9,6 +9,7 @@ export { FieldLayout } from './components/FieldLayout/FieldLayout.js';
 export { Heading } from './components/Heading/Heading.js';
 export { Icon } from './components/Icon/Icon.js';
 export { IconButton } from './components/IconButton/IconButton.js';
+export { ObserveIntersection } from './components/ObserveIntersection/ObserveIntersection.js';
 export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
 export { LayoutGrid } from './components/LayoutGrid/LayoutGrid.js';
@@ -25,4 +26,4 @@ export { TextField } from './components/TextField/TextField.js';
 export { PasswordField } from './components/PasswordField/PasswordField.js';
 export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
 export { TextInline } from './components/TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-lib",
-    "version": "0.52.0",
+    "version": "0.53.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,25 +19,26 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.52.0",
-        "@preply/ds-media-icons": "0.52.0",
-        "@preply/ds-web-core": "0.52.0",
-        "@preply/ds-web-root": "0.52.0"
+        "@preply/ds-core": "0.53.0",
+        "@preply/ds-media-icons": "0.53.0",
+        "@preply/ds-web-core": "0.53.0",
+        "@preply/ds-web-root": "0.53.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.52.0",
-        "@preply/ds-media-icons": "0.52.0",
-        "@preply/ds-web-core": "0.52.0",
-        "@preply/ds-web-root": "0.52.0",
+        "@preply/ds-core": "0.53.0",
+        "@preply/ds-media-icons": "0.53.0",
+        "@preply/ds-web-core": "0.53.0",
+        "@preply/ds-web-root": "0.53.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
     "devDependencies": {
-        "@preply/ds-docs-toolkit": "0.52.0",
-        "@preply/ds-theme-base-ui": "0.52.0",
+        "@preply/ds-docs-toolkit": "0.53.0",
+        "@preply/ds-theme-base-ui": "0.53.0",
         "@storybook/addon-docs": "6.4.18",
         "@storybook/react": "6.4.18",
-        "@testing-library/react": "11.2.7"
+        "@testing-library/react": "11.2.7",
+        "jsdom-testing-mocks": "^1.7.0"
     },
-    "gitHead": "6a4770708988b14b65b7284104c367368c68b230"
+    "gitHead": "1578281eb5bb15d95d943e6a6c109381de37f0ad"
 }