@preply/ds-web-lib 0.39.0 → 0.40.0

package/dist/components/LayoutFlexItem/LayoutFlexItem.d.ts

@@ -0,0 +1,9 @@
+import { LayoutAlignSelf, LayoutTag, Responsive } from '@preply/ds-core';
+import { FC } from 'react';
+export interface Props {
+    alignSelf?: Responsive<LayoutAlignSelf>;
+    stretch?: Responsive<boolean>;
+    tag?: LayoutTag;
+    hide?: Responsive<boolean>;
+}
+export declare const LayoutFlexItem: FC<Props>;

package/dist/components/LayoutFlexItem/LayoutFlexItem.js

@@ -0,0 +1,17 @@
+import { LAYOUT_TAG_DEFAULT } from '@preply/ds-core';
+import { moduleClassNames, booleanClassNames, useAlignSelfClassNames, useLayoutHideClassnames } from '@preply/ds-web-core';
+import React__default from 'react';
+import styles from './style/index.module.less.js';
+
+const LAYOUT_FLEX_ITEM = 'LayoutFlexItem';
+const LayoutFlexItem = ({ children, alignSelf, stretch = false, hide, ...props }) => {
+    const classNames = moduleClassNames(styles, LAYOUT_FLEX_ITEM, booleanClassNames('stretch', 'no-stretch', stretch));
+    const alignSelfClassNames = useAlignSelfClassNames(alignSelf);
+    const hideClassNames = useLayoutHideClassnames(hide);
+    const allClassNames = [...classNames, ...alignSelfClassNames, ...hideClassNames];
+    const { tag: Tag = LAYOUT_TAG_DEFAULT } = props;
+    return React__default.createElement(Tag, { className: allClassNames.join(' ') }, children);
+};
+
+export { LayoutFlexItem };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGF5b3V0RmxleEl0ZW0uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xheW91dEZsZXhJdGVtL0xheW91dEZsZXhJdGVtLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMQVlPVVRfVEFHX0RFRkFVTFQsIExheW91dEFsaWduU2VsZiwgTGF5b3V0VGFnLCBSZXNwb25zaXZlIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7XG4gICAgYm9vbGVhbkNsYXNzTmFtZXMsXG4gICAgbW9kdWxlQ2xhc3NOYW1lcyxcbiAgICB1c2VBbGlnblNlbGZDbGFzc05hbWVzLFxuICAgIHVzZUxheW91dEhpZGVDbGFzc25hbWVzLFxufSBmcm9tICdAcHJlcGx5L2RzLXdlYi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHN0eWxlcyBmcm9tICcuL3N0eWxlL2luZGV4Lm1vZHVsZS5sZXNzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gICAgYWxpZ25TZWxmPzogUmVzcG9uc2l2ZTxMYXlvdXRBbGlnblNlbGY+O1xuICAgIHN0cmV0Y2g/OiBSZXNwb25zaXZlPGJvb2xlYW4+O1xuICAgIHRhZz86IExheW91dFRhZztcbiAgICBoaWRlPzogUmVzcG9uc2l2ZTxib29sZWFuPjtcbn1cblxuY29uc3QgTEFZT1VUX0ZMRVhfSVRFTSA9ICdMYXlvdXRGbGV4SXRlbSc7XG5cbmV4cG9ydCBjb25zdCBMYXlvdXRGbGV4SXRlbTogRkM8UHJvcHM+ID0gKHtcbiAgICBjaGlsZHJlbixcbiAgICBhbGlnblNlbGYsXG4gICAgc3RyZXRjaCA9IGZhbHNlLFxuICAgIGhpZGUsXG4gICAgLi4ucHJvcHNcbn0pID0+IHtcbiAgICBjb25zdCBjbGFzc05hbWVzID0gbW9kdWxlQ2xhc3NOYW1lcyhcbiAgICAgICAgc3R5bGVzLFxuICAgICAgICBMQVlPVVRfRkxFWF9JVEVNLFxuICAgICAgICBib29sZWFuQ2xhc3NOYW1lcygnc3RyZXRjaCcsICduby1zdHJldGNoJywgc3RyZXRjaCksXG4gICAgKTtcblxuICAgIGNvbnN0IGFsaWduU2VsZkNsYXNzTmFtZXMgPSB1c2VBbGlnblNlbGZDbGFzc05hbWVzKGFsaWduU2VsZik7XG4gICAgY29uc3QgaGlkZUNsYXNzTmFtZXMgPSB1c2VMYXlvdXRIaWRlQ2xhc3NuYW1lcyhoaWRlKTtcbiAgICBjb25zdCBhbGxDbGFzc05hbWVzID0gWy4uLmNsYXNzTmFtZXMsIC4uLmFsaWduU2VsZkNsYXNzTmFtZXMsIC4uLmhpZGVDbGFzc05hbWVzXTtcbiAgICBjb25zdCB7IHRhZzogVGFnID0gTEFZT1VUX1RBR19ERUZBVUxUIH0gPSBwcm9wcztcblxuICAgIHJldHVybiA8VGFnIGNsYXNzTmFtZT17YWxsQ2xhc3NOYW1lcy5qb2luKCcgJyl9PntjaGlsZHJlbn08L1RhZz47XG59O1xuIl0sIm5hbWVzIjpbIlJlYWN0Il0sIm1hcHBpbmdzIjoiOzs7OztBQWtCQSxNQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDO01BRTdCLGNBQWMsR0FBYyxDQUFDLEVBQ3RDLFFBQVEsRUFDUixTQUFTLEVBQ1QsT0FBTyxHQUFHLEtBQUssRUFDZixJQUFJLEVBQ0osR0FBRyxLQUFLLEVBQ1g7SUFDRyxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FDL0IsTUFBTSxFQUNOLGdCQUFnQixFQUNoQixpQkFBaUIsQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLE9BQU8sQ0FBQyxDQUN0RCxDQUFDO0lBRUYsTUFBTSxtQkFBbUIsR0FBRyxzQkFBc0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM5RCxNQUFNLGNBQWMsR0FBRyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNyRCxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsVUFBVSxFQUFFLEdBQUcsbUJBQW1CLEVBQUUsR0FBRyxjQUFjLENBQUMsQ0FBQztJQUNqRixNQUFNLEVBQUUsR0FBRyxFQUFFLEdBQUcsR0FBRyxrQkFBa0IsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUVoRCxPQUFPQSw2QkFBQyxHQUFHLElBQUMsU0FBUyxFQUFFLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQUM7QUFDckU7Ozs7In0=

package/dist/components/LayoutFlexItem/style/index.module.less

@@ -0,0 +1,6 @@
+@import './mixins.less';
+
+.LayoutFlexItem {
+    .layout-flex-item-base();
+    .stretch();
+}

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

@@ -0,0 +1,9 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "._2SDOH1{-webkit-box-flex:0;display:block;-ms-flex:none;flex:none;margin:0;padding:0}._1KZpZM{-webkit-box-flex:1;-ms-flex:1;flex:1}._3WN-K2{-webkit-box-flex:0;-ms-flex:none;flex:none}@media (min-width:400px){._2CucOy{-webkit-box-flex:1;-ms-flex:1;flex:1}.LG0EUS{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:700px){._3Y0_Nl{-webkit-box-flex:1;-ms-flex:1;flex:1}._1nxwgq{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:880px){.Abr8tw{-webkit-box-flex:1;-ms-flex:1;flex:1}._3HEJQ{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:1200px){._3_gyBD{-webkit-box-flex:1;-ms-flex:1;flex:1}._3gYX5P{-webkit-box-flex:0;-ms-flex:none;flex:none}}@media (min-width:1900px){.GjfZ4h{-webkit-box-flex:1;-ms-flex:1;flex:1}.ThVGti{-webkit-box-flex:0;-ms-flex:none;flex:none}}";
+var styles = {__id:"/home/jenkins/workspace/design-system_main/packages/web-lib/src/components/LayoutFlexItem/style/index.module.less",__css:css_248z,"LayoutFlexItem":"_2SDOH1","LayoutFlexItem--stretch":"_1KZpZM","LayoutFlexItem--no-stretch":"_3WN-K2","LayoutFlexItem--narrow-l--stretch":"_2CucOy","LayoutFlexItem--narrow-l--no-stretch":"LG0EUS","LayoutFlexItem--medium-s--stretch":"_3Y0_Nl","LayoutFlexItem--medium-s--no-stretch":"_1nxwgq","LayoutFlexItem--medium-l--stretch":"Abr8tw","LayoutFlexItem--medium-l--no-stretch":"_3HEJQ","LayoutFlexItem--wide-s--stretch":"_3_gyBD","LayoutFlexItem--wide-s--no-stretch":"_3gYX5P","LayoutFlexItem--wide-l--stretch":"GjfZ4h","LayoutFlexItem--wide-l--no-stretch":"ThVGti"};
+var stylesheet=css_248z;
+styleInject(css_248z);
+
+export { styles as default, stylesheet };
+

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

@@ -0,0 +1,19 @@
+@import '@preply/ds-web-core/dist/responsive/style/mixins.less';
+
+.layout-flex-item-base() {
+    flex: none;
+    display: block;
+    margin: 0;
+    padding: 0;
+}
+
+.stretch() {
+    .responsive({
+        &--stretch {
+            flex: 1;
+        }
+        &--no-stretch {
+            flex: none;
+        }
+    });
+}

package/dist/components/LayoutFlexItem/style/mixins.less.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../external/style-inject/dist/style-inject.es.js';
+
+var css_248z = "";
+var stylesheet="";
+styleInject(css_248z);
+
+export { css_248z as default, stylesheet };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjpudWxsLCJzb3VyY2VzIjpbbnVsbF0sInNvdXJjZXNDb250ZW50IjpbbnVsbF0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHdCQUF3Qix3REFBNEQ7QUFDcEY7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOyJ9

package/dist/components/index.d.ts

@@ -5,6 +5,7 @@ export { Heading } from './Heading/Heading';
 export { Icon } from './Icon/Icon';
 export { IconButton } from './IconButton/IconButton';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex';
+export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem';
 export { LayoutGrid } from './LayoutGrid/LayoutGrid';
 export { Link } from './Link/Link';
 export { Panel } from './Panel/Panel';

package/dist/components/index.js

@@ -5,6 +5,7 @@ export { Heading } from './Heading/Heading.js';
 export { Icon } from './Icon/Icon.js';
 export { IconButton } from './IconButton/IconButton.js';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
+export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
 export { LayoutGrid } from './LayoutGrid/LayoutGrid.js';
 export { Link } from './Link/Link.js';
 export { Panel } from './Panel/Panel.js';
@@ -16,4 +17,4 @@ export { PreplyLogo } from './PreplyLogo/PreplyLogo.js';
 export { Text } from './Text/Text.js';
 export { TextHighlighted } from './TextHighlighted/TextHighlighted.js';
 export { TextInline } from './TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=

package/dist/index.js

@@ -6,6 +6,7 @@ export { Heading } from './components/Heading/Heading.js';
 export { Icon } from './components/Icon/Icon.js';
 export { IconButton } from './components/IconButton/IconButton.js';
 export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
+export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
 export { LayoutGrid } from './components/LayoutGrid/LayoutGrid.js';
 export { Link } from './components/Link/Link.js';
 export { Panel } from './components/Panel/Panel.js';
@@ -17,4 +18,4 @@ export { PreplyLogo } from './components/PreplyLogo/PreplyLogo.js';
 export { Text } from './components/Text/Text.js';
 export { TextHighlighted } from './components/TextHighlighted/TextHighlighted.js';
 export { TextInline } from './components/TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OyJ9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-web-lib",
-    "version": "0.39.0",
+    "version": "0.40.0",
     "publishConfig": {
         "access": "public"
     },
@@ -19,25 +19,25 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.39.0",
-        "@preply/ds-media-icons": "0.39.0",
-        "@preply/ds-web-core": "0.39.0",
-        "@preply/ds-web-root": "0.39.0"
+        "@preply/ds-core": "0.40.0",
+        "@preply/ds-media-icons": "0.40.0",
+        "@preply/ds-web-core": "0.40.0",
+        "@preply/ds-web-root": "0.40.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.39.0",
-        "@preply/ds-media-icons": "0.39.0",
-        "@preply/ds-web-core": "0.39.0",
-        "@preply/ds-web-root": "0.39.0",
+        "@preply/ds-core": "0.40.0",
+        "@preply/ds-media-icons": "0.40.0",
+        "@preply/ds-web-core": "0.40.0",
+        "@preply/ds-web-root": "0.40.0",
         "react": "^16.8.3",
         "react-dom": "^16.8.3"
     },
     "devDependencies": {
-        "@preply/ds-docs-toolkit": "0.39.0",
-        "@preply/ds-theme-base-ui": "0.39.0",
+        "@preply/ds-docs-toolkit": "0.40.0",
+        "@preply/ds-theme-base-ui": "0.40.0",
         "@storybook/addon-docs": "6.4.18",
         "@storybook/react": "6.4.18",
         "@testing-library/react": "11.2.7"
     },
-    "gitHead": "7b27439c5b6016d423474f8394cbb76e2cc17169"
+    "gitHead": "bb5de7e71212999d1b815c7f7fbb5f2fcfbcd619"
 }