@limetech/lime-elements 36.4.0 → 37.0.0-dev.1

package/dist/cjs/limel-flex-container.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-287e25e0.js');
+const index = require('./index-aafa56ee.js');
 
 const flexContainerCss = ":host(limel-flex-container){display:flex}:host(limel-flex-container[hidden]){display:none}:host(limel-flex-container[direction=horizontal]){flex-direction:row}:host(limel-flex-container[direction=horizontal][reverse]){flex-direction:row-reverse}:host(limel-flex-container[direction=vertical]){flex-direction:column}:host(limel-flex-container[direction=vertical][reverse]){flex-direction:column-reverse}:host(limel-flex-container[align=start]){align-items:flex-start}:host(limel-flex-container[align=end]){align-items:flex-end}:host(limel-flex-container[align=center]){align-items:center}:host(limel-flex-container[align=stretch]){align-items:stretch}:host(limel-flex-container[justify=start]){justify-content:flex-start}:host(limel-flex-container[justify=end]){justify-content:flex-end}:host(limel-flex-container[justify=center]){justify-content:center}:host(limel-flex-container[justify=space-between]){justify-content:space-between}:host(limel-flex-container[justify=space-around]){justify-content:space-around}:host(limel-flex-container[justify=space-evenly]){justify-content:space-evenly}:host(limel-flex-container[slot=button]){gap:0.5rem;width:100%;justify-content:flex-end}:host(limel-flex-container[slot=button][direction=horizontal][reverse]){justify-content:flex-start}";
 
@@ -25,3 +25,5 @@ const FlexContainer = class {
 FlexContainer.style = flexContainerCss;
 
 exports.limel_flex_container = FlexContainer;
+
+//# sourceMappingURL=limel-flex-container.cjs.entry.js.map

package/dist/cjs/limel-flex-container.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"limel-flex-container.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,gBAAgB,GAAG,iwCAAiwC;;MCoB7wC,aAAa;;;qBAKqB,YAAY;mBAMhB,eAAe;iBAMnB,QAAQ;mBAM1B,KAAK;;EAEf,iBAAiB;;IAEpB,OAAO,CAAC,IAAI,CACR,gKAAgK,CACnK,CAAC;GACL;EAEM,MAAM;IACT,OAAOA,qBAAQ,CAAC;GACnB;;;;;;","names":["h"],"sources":["./src/components/flex-container/flex-container.scss?tag=limel-flex-container&encapsulation=shadow","./src/components/flex-container/flex-container.tsx"],"sourcesContent":[":host(limel-flex-container) {\n    display: flex;\n}\n:host(limel-flex-container[hidden]) {\n    display: none;\n}\n:host(limel-flex-container[direction='horizontal']) {\n    flex-direction: row;\n}\n:host(limel-flex-container[direction='horizontal'][reverse]) {\n    flex-direction: row-reverse;\n}\n:host(limel-flex-container[direction='vertical']) {\n    flex-direction: column;\n}\n:host(limel-flex-container[direction='vertical'][reverse]) {\n    flex-direction: column-reverse;\n}\n:host(limel-flex-container[align='start']) {\n    align-items: flex-start;\n}\n:host(limel-flex-container[align='end']) {\n    align-items: flex-end;\n}\n:host(limel-flex-container[align='center']) {\n    align-items: center;\n}\n:host(limel-flex-container[align='stretch']) {\n    align-items: stretch;\n}\n:host(limel-flex-container[justify='start']) {\n    justify-content: flex-start;\n}\n:host(limel-flex-container[justify='end']) {\n    justify-content: flex-end;\n}\n:host(limel-flex-container[justify='center']) {\n    justify-content: center;\n}\n:host(limel-flex-container[justify='space-between']) {\n    justify-content: space-between;\n}\n:host(limel-flex-container[justify='space-around']) {\n    justify-content: space-around;\n}\n:host(limel-flex-container[justify='space-evenly']) {\n    justify-content: space-evenly;\n}\n\n// Since consumers often copy/paste from examples of `limel-dialog` from the\n// documentations, they often put their buttons in a `limel-flex-container`\n// which is used in the footer slot of those examples with buttons.\n// So to prevent unwanted layout problems of buttons having no distance, we use\n// below code to target `limel-flex-container`s in those slots.\n:host(limel-flex-container[slot='button']) {\n    gap: 0.5rem; // Makes sure buttons get some default distance\n    width: 100%;\n    justify-content: flex-end;\n}\n:host(limel-flex-container[slot='button'][direction='horizontal'][reverse]) {\n    justify-content: flex-start;\n}\n","import {\n    FlexContainerAlign,\n    FlexContainerDirection,\n    FlexContainerJustify,\n} from '@limetech/lime-elements';\nimport { Component, h, Prop } from '@stencil/core';\n\n/**\n * This component is deprecated and will be removed in a future version of\n * Lime Elements. Please use CSS for your flexible container needs 🙂\n * https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox\n * @deprecated\n * @private\n * @slot - Container content\n */\n@Component({\n    tag: 'limel-flex-container',\n    shadow: true,\n    styleUrl: 'flex-container.scss',\n})\nexport class FlexContainer {\n    /**\n     * Direction of the main axis\n     */\n    @Prop({ reflect: true })\n    public direction: FlexContainerDirection = 'horizontal';\n\n    /**\n     * Specify how items are aligned along the main axis\n     */\n    @Prop({ reflect: true })\n    public justify: FlexContainerJustify = 'space-between';\n\n    /**\n     * Specify how items are aligned along the cross axis\n     */\n    @Prop({ reflect: true })\n    public align: FlexContainerAlign = 'center';\n\n    /**\n     * Reverse the order of the items\n     */\n    @Prop({ reflect: true })\n    public reverse = false;\n\n    public componentWillLoad() {\n        /* eslint-disable-next-line no-console */\n        console.warn(\n            'limel-flex-container is deprecated, please use CSS instead: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox'\n        );\n    }\n\n    public render() {\n        return <slot />;\n    }\n}\n"],"version":3}

package/dist/cjs/limel-form.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-287e25e0.js');
+const index = require('./index-aafa56ee.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0c557e26.js');
 const isEqual$1 = require('./isEqual-d2a13a24.js');
 const isArray$4 = require('./isArray-d188a04f.js');
@@ -29761,3 +29761,5 @@ const Form = class {
 Form.style = formCss;
 
 exports.limel_form = Form;
+
+//# sourceMappingURL=limel-form.cjs.entry.js.map