@blateral/b.kit 2.3.0-beta.1.3 → 2.3.0-beta.1.4

package/esm/Filter-fec6dc5c.js

@@ -0,0 +1,32 @@
+import { a as __makeTemplateObject } from './ClockFilled-6bae80dc.js';
+import * as React from 'react';
+import styled from 'styled-components';
+
+var SVG = styled.svg.withConfig({
+  displayName: "Filter__SVG",
+  componentId: "sc-noawe1-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+
+var Filter = function (_a) {
+  var _b = _a.iconColor,
+      iconColor = _b === void 0 ? 'currentColor' : _b,
+      className = _a.className,
+      _c = _a.ariaHidden,
+      ariaHidden = _c === void 0 ? true : _c;
+  return React.createElement(SVG, {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    className: className,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": ariaHidden
+  }, React.createElement("path", {
+    d: "M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z",
+    fill: iconColor
+  }));
+};
+var templateObject_1;
+
+export { Filter as F };
+//# sourceMappingURL=Filter-fec6dc5c.js.map

package/esm/Filter-fec6dc5c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter-fec6dc5c.js","sources":["../src/components/base/icons/Filter.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Filter: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        className={className}\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n    >\n        <path\n            d=\"M10 18h4v-2h-4v2ZM3 6v2h18V6H3Zm3 7h12v-2H6v2Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Filter;\n"],"names":["SVG","styled","svg","templateObject_1","__makeTemplateObject","Filter","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","width","height","viewBox","fill","xmlns","d"],"mappings":";;;;AAGA,IAAMA,GAAG,GAAGC,MAAM,CAACC,GAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAaC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,yBAAA,CAAA,EAAA,CAAA,yBAAA,CAAA,CAAA,CAAb,CAAT,CAAA;;AAIA,IAAMC,MAAM,GAIP,UAACC,EAAD,EAA6D;AAA1D,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAA;AAAA,MAAAA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,cAAA,KAAZ;AAAA,MAA4BE,SAAS,GAAAH,EAAA,CAAAG,SAArC;AAAA,MAAuCC,EAAiB,GAAAJ,EAAA,CAAAK,UAAxD;AAAA,MAAuCA,UAAU,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAH,GAAOA,EAAxD,CAAA;AAA+D,EAAA,OACnEE,KAAA,CAAAC,aAAA,CAACb,GAAD,EAAI;AACAc,IAAAA,KAAK,EAAC,IADN;AAEAC,IAAAA,MAAM,EAAC,IAFP;AAGAC,IAAAA,OAAO,EAAC,WAHR;AAIAP,IAAAA,SAAS,EAAEA,SAJX;AAKAQ,IAAAA,IAAI,EAAC,MALL;AAMAC,IAAAA,KAAK,EAAC,4BANN;AAMkC,IACrBP,aAAAA,EAAAA,UAAAA;AAPb,GAAJ,EASIC,KACI,CAAAC,aADJ,CACI,MADJ,EACI;AAAAM,IAAAA,CAAC,EAAC,gDAAF;AACAF,IAAAA,IAAI,EAAET,SAAAA;AADN,GADJ,CATJ,CADmE,CAAA;AAetE,EAnBD;;;;;"}

package/esm/FilterField-03097694.js

@@ -0,0 +1,129 @@
+import { a as __makeTemplateObject, C as Cross } from './ClockFilled-6bae80dc.js';
+import * as React from 'react';
+import React__default, { useEffect } from 'react';
+import styled from 'styled-components';
+import { c as copyStyle } from './Copy-fb124972.js';
+import { g as getColors, a as getFonts, m as mq, s as spacings } from './styles-f6c54818.js';
+import { b as useLazyInput } from './useLazyInput-e66fc5be.js';
+
+var SVG = styled.svg.withConfig({
+  displayName: "Magnifier__SVG",
+  componentId: "sc-1i44xjf-0"
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: block;\n"], ["\n    display: block;\n"])));
+
+var Magnifier = function (_a) {
+  var _b = _a.iconColor,
+      iconColor = _b === void 0 ? 'currentColor' : _b,
+      className = _a.className,
+      _c = _a.ariaHidden,
+      ariaHidden = _c === void 0 ? true : _c;
+  return React.createElement(SVG, {
+    viewBox: "0 0 18 18",
+    width: "18",
+    height: "18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": ariaHidden,
+    className: className
+  }, React.createElement("path", {
+    d: "M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z",
+    fill: iconColor
+  }));
+};
+var templateObject_1$1;
+
+var View = styled.div.withConfig({
+  displayName: "FilterField__View",
+  componentId: "sc-1reb7yx-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ", ";\n\n    color: ", ";\n\n    &:focus-within {\n        outline: ", ";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media ", " {\n        max-width: 400px;\n    }\n"], ["\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ", ";\n\n    color: ", ";\n\n    &:focus-within {\n        outline: ", ";\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media ", " {\n        max-width: 400px;\n    }\n"])), function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getFonts(theme).copy.medium.colorInverted : getFonts(theme).copy.medium.color;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return "1px solid ".concat(isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default);
+}, mq.medium);
+var Field = styled.input.withConfig({
+  displayName: "FilterField__Field",
+  componentId: "sc-1reb7yx-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ", "\n    line-height: 1;\n\n    padding: ", "px;\n    padding-right: ", "px;\n\n    &::placeholder {\n        color: ", ";\n    }\n"], ["\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ", "\n    line-height: 1;\n\n    padding: ", "px;\n    padding-right: ", "px;\n\n    &::placeholder {\n        color: ", ";\n    }\n"])), copyStyle('copy', 'medium'), spacings.nudge * 2, spacings.nudge, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).text.subtileInverted : getColors(theme).text.subtile;
+});
+var SearchIcon = styled.div.withConfig({
+  displayName: "FilterField__SearchIcon",
+  componentId: "sc-1reb7yx-2"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-right: ", "px;\n    padding-left: ", "px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    padding-right: ", "px;\n    padding-left: ", "px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2);
+var ClearBtn = styled.button.withConfig({
+  displayName: "FilterField__ClearBtn",
+  componentId: "sc-1reb7yx-3"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ", "px;\n    padding-left: ", "px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ", ";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ", "px;\n    padding-left: ", "px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ", ";\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n"])), spacings.nudge * 2, spacings.nudge * 2, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return "2px solid ".concat(isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default);
+});
+
+var FilterField = function (_a) {
+  var isInverted = _a.isInverted,
+      value = _a.value,
+      initialValue = _a.initialValue,
+      placeholder = _a.placeholder,
+      onSubmit = _a.onSubmit,
+      onBlur = _a.onBlur,
+      submitIcon = _a.submitIcon,
+      clearIcon = _a.clearIcon,
+      className = _a.className;
+
+  var _b = useLazyInput(function (value) {
+    onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(value);
+  }, initialValue || ''),
+      update = _b.update,
+      getValue = _b.value,
+      forceUpdate = _b.forceUpdate;
+
+  useEffect(function () {
+    if (value !== undefined) {
+      update(value);
+    }
+  }, [update, value]);
+  return React__default.createElement(View, {
+    isInverted: isInverted,
+    className: className
+  }, React__default.createElement(Field, {
+    type: "text",
+    isInverted: isInverted,
+    value: getValue,
+    placeholder: placeholder,
+    onChange: function (ev) {
+      var _a;
+
+      var newValue = (_a = ev === null || ev === void 0 ? void 0 : ev.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
+
+      if (newValue !== undefined) {
+        update(newValue, newValue === '');
+      }
+    },
+    onBlur: onBlur,
+    onKeyDown: function (ev) {
+      if (ev.key === 'Enter') {
+        forceUpdate();
+      }
+    }
+  }), getValue === '' && React__default.createElement(SearchIcon, null, submitIcon ? submitIcon(isInverted) : React__default.createElement(Magnifier, null)), getValue !== '' && React__default.createElement(ClearBtn, {
+    isInverted: isInverted,
+    "aria-label": "clear filter",
+    onClick: function () {
+      update('', true);
+    }
+  }, clearIcon ? clearIcon(isInverted) : React__default.createElement(Cross, null)));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+export { FilterField as F };
+//# sourceMappingURL=FilterField-03097694.js.map

package/esm/FilterField-03097694.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterField-03097694.js","sources":["../src/components/base/icons/Magnifier.tsx","../src/components/fields/FilterField.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nconst SVG = styled.svg`\n    display: block;\n`;\n\nconst Magnifier: React.FC<{\n    iconColor?: string;\n    className?: string;\n    ariaHidden?: boolean;\n}> = ({ iconColor = 'currentColor', className, ariaHidden = true }) => (\n    <SVG\n        viewBox=\"0 0 18 18\"\n        width=\"18\"\n        height=\"18\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        aria-hidden={ariaHidden}\n        className={className}\n    >\n        <path\n            d=\"M12.5 11h-.79l-.28-.27A6.471 6.471 0 0 0 13 6.5 6.5 6.5 0 1 0 6.5 13c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L17.49 16l-4.99-5Zm-6 0C4.01 11 2 8.99 2 6.5S4.01 2 6.5 2 11 4.01 11 6.5 8.99 11 6.5 11Z\"\n            fill={iconColor}\n        />\n    </SVG>\n);\n\nexport default Magnifier;\n","import React, { FC, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport {\n    spacings,\n    getColors as color,\n    getFonts as font,\n    mq,\n} from 'utils/styles';\nimport Magnifier from 'components/base/icons/Magnifier';\nimport useLazyInput from 'utils/useLazyInput';\nimport Cross from 'components/base/icons/Cross';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    min-height: 50px;\n    border: solid 1px\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n\n    color: ${({ theme, isInverted }) =>\n        isInverted\n            ? font(theme).copy.medium.colorInverted\n            : font(theme).copy.medium.color};\n\n    &:focus-within {\n        outline: ${({ theme, isInverted }) =>\n            `1px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus-within & > input:not(:focus-visible) {\n        outline: none;\n    }\n\n    @media ${mq.medium} {\n        max-width: 400px;\n    }\n`;\n\nconst Field = styled.input<{ isInverted?: boolean }>`\n    flex: 1 1 auto;\n    background-color: transparent;\n    box-shadow: none;\n    border: none;\n    border-right: none;\n    border-radius: 0px;\n    outline: none;\n    -webkit-appearance: none;\n    color: inherit;\n    ${copyStyle('copy', 'medium')}\n    line-height: 1;\n\n    padding: ${spacings.nudge * 2}px;\n    padding-right: ${spacings.nudge}px;\n\n    &::placeholder {\n        color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).text.subtileInverted\n                : color(theme).text.subtile};\n    }\n`;\n\nconst SearchIcon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n`;\n\nconst ClearBtn = styled.button<{ isInverted?: boolean }>`\n    display: flex;\n    align-items: center;\n    background: none;\n    border: none;\n    cursor: pointer;\n\n    padding-right: ${spacings.nudge * 2}px;\n    padding-left: ${spacings.nudge * 2}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n\n    &:focus {\n        text-decoration: underline;\n        transform: scale(1.012);\n\n        outline: ${({ theme, isInverted }) =>\n            `2px solid ${\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: -4px;\n        outline-style: dashed;\n    }\n\n    &:focus:not(:focus-visible) {\n        text-decoration: none;\n        outline: none;\n    }\n\n    &:active {\n        transform: scale(0.95);\n    }\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nconst FilterField: FC<{\n    isInverted?: boolean;\n    value?: string;\n    initialValue?: string;\n    placeholder?: string;\n    onSubmit?: (value: string) => void;\n    onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n    submitIcon?: (isInverted?: boolean) => React.ReactNode;\n    clearIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    value,\n    initialValue,\n    placeholder,\n    onSubmit,\n    onBlur,\n    submitIcon,\n    clearIcon,\n    className,\n}) => {\n    const {\n        update,\n        value: getValue,\n        forceUpdate,\n    } = useLazyInput((value) => {\n        onSubmit?.(value);\n    }, initialValue || '');\n\n    useEffect(() => {\n        if (value !== undefined) {\n            update(value);\n        }\n    }, [update, value]);\n\n    return (\n        <View isInverted={isInverted} className={className}>\n            <Field\n                type=\"text\"\n                isInverted={isInverted}\n                value={getValue}\n                placeholder={placeholder}\n                onChange={(ev) => {\n                    const newValue = ev?.currentTarget?.value;\n                    if (newValue !== undefined) {\n                        update(newValue, newValue === '');\n                    }\n                }}\n                onBlur={onBlur}\n                onKeyDown={(ev) => {\n                    if (ev.key === 'Enter') {\n                        forceUpdate();\n                    }\n                }}\n            />\n            {getValue === '' && (\n                <SearchIcon>\n                    {submitIcon ? submitIcon(isInverted) : <Magnifier />}\n                </SearchIcon>\n            )}\n            {getValue !== '' && (\n                <ClearBtn\n                    isInverted={isInverted}\n                    aria-label=\"clear filter\"\n                    onClick={() => {\n                        update('', true);\n                    }}\n                >\n                    {clearIcon ? clearIcon(isInverted) : <Cross />}\n                </ClearBtn>\n            )}\n        </View>\n    );\n};\n\nexport default FilterField;\n"],"names":["SVG","styled","svg","templateObject_1","__makeTemplateObject","Magnifier","_a","_b","iconColor","className","_c","ariaHidden","React","createElement","viewBox","width","height","fill","xmlns","d","View","div","theme","isInverted","color","elementBg","light","dark","font","copy","medium","colorInverted","primary","inverted","default","mq","Field","input","templateObject_2","copyStyle","spacings","nudge","text","subtileInverted","subtile","SearchIcon","ClearBtn","button","templateObject_4","FilterField","value","initialValue","placeholder","onSubmit","onBlur","submitIcon","clearIcon","useLazyInput","update","getValue","forceUpdate","useEffect","undefined","type","onChange","ev","newValue","currentTarget","onKeyDown","key","onClick","Cross"],"mappings":"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"}

package/esm/{Wrapper-f4a70e30.js → Grid-151498da.js}

@@ -1,10 +1,8 @@
-import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-8784ddac.js';
+import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-6bae80dc.js';
 import * as React from 'react';
-import React__default, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { c as clampValue } from './clamp-12d37b65.js';
-import { m as mq, s as spacings, c as getGlobals, w as withRange } from './styles-5f78e59d.js';
-import { c as concat } from './concat-ab3c66f2.js';
+import { m as mq, s as spacings } from './styles-f6c54818.js';
 
 var gridSettings = {
   cols: 12,
@@ -17,7 +15,7 @@ var getGridWidth = function (props) {
   var width = (props === null || props === void 0 ? void 0 : props.gridWidth) || '100%';
   var gridGutter = (props === null || props === void 0 ? void 0 : props.gutter) !== undefined ? props.gutter : gridSettings.gutter;
   var gridCols = gridSettings.cols;
-  return css(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n        calc(((", " - ", "px) / ", ") * ", " + ", "px)\n    "], ["\n        calc(((", " - ", "px) / ", ") * ", " + ", "px)\n    "])), width, (gridCols - 1) * gridGutter, gridCols, columns, (columns - 1) * gridGutter);
+  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        calc(((", " - ", "px) / ", ") * ", " + ", "px)\n    "], ["\n        calc(((", " - ", "px) / ", ") * ", " + ", "px)\n    "])), width, (gridCols - 1) * gridGutter, gridCols, columns, (columns - 1) * gridGutter);
 };
 
 var validateValue = function (value, min, max) {
@@ -33,7 +31,7 @@ var getWidth = function (props) {
   var semilargeSpan = validateValue((_b = props.semilarge) === null || _b === void 0 ? void 0 : _b.span, 0, 1);
   var largeSpan = validateValue((_c = props.large) === null || _c === void 0 ? void 0 : _c.span, 0, 1);
   var xlargeSpan = validateValue((_d = props.xlarge) === null || _d === void 0 ? void 0 : _d.span, 0, 1);
-  return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        width: ", "%;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "], ["\n        width: ", "%;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), (span || 1) * 100, mediumSpan && css(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.medium, (mediumSpan || 1) * 100), semilargeSpan && css(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.semilarge, (semilargeSpan || 1) * 100), largeSpan && css(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.large, (largeSpan || 1) * 100), xlargeSpan && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.xlarge, (xlargeSpan || 1) * 100));
+  return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        width: ", "%;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "], ["\n        width: ", "%;\n\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), (span || 1) * 100, mediumSpan && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.medium, (mediumSpan || 1) * 100), semilargeSpan && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.semilarge, (semilargeSpan || 1) * 100), largeSpan && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.large, (largeSpan || 1) * 100), xlargeSpan && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n            @media ", " {\n                width: ", "%;\n            }\n        "], ["\n            @media ", " {\n                width: ", "%;\n            }\n        "])), mq.xlarge, (xlargeSpan || 1) * 100));
 };
 
 var getLeftRight = function (props) {
@@ -199,222 +197,7 @@ var Grid$1 = {
   Row: Grid,
   Col: Col
 };
-var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35;
 
-var getBackground = function (bgColor, mode) {
-  var bgValue = undefined;
-
-  switch (mode) {
-    case 'full':
-      bgValue = bgColor;
-      break;
-
-    case 'inverted':
-      bgValue = bgColor;
-      break;
-
-    case 'larger-left':
-      bgValue = "linear-gradient(to left, transparent 40%, ".concat(bgColor, " 40%)");
-      break;
-
-    case 'larger-right':
-      bgValue = "linear-gradient(to right, transparent 40%, ".concat(bgColor, " 40%)");
-      break;
-
-    default:
-      bgValue = bgColor;
-      break;
-  }
-
-  return bgValue;
-};
-
-var View$1 = styled.section.withConfig({
-  displayName: "Section__View",
-  componentId: "sc-14g80mr-0"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    position: relative;\n    overflow: ", ";\n\n    // section paddings\n    ", "\n\n    // section margins\n    ", "\n"], ["\n    position: relative;\n    overflow: ", ";\n\n    // section paddings\n    ", "\n\n    // section margins\n    ", "\n"])), function (_a) {
-  var as = _a.as;
-  return as === 'div' ? 'visible' : 'hidden';
-}, function (_a) {
-  var addSeperation = _a.addSeperation,
-      isStackable = _a.isStackable,
-      bgIdent = _a.bgIdent,
-      theme = _a.theme;
-  var padding = getGlobals(theme).sections.seperation.padding.default;
-  var paddingStacked = getGlobals(theme).sections.seperation.padding.stackable;
-  var forcePadding = getGlobals(theme).sections.seperation.forcePadding;
-
-  if (addSeperation) {
-    return css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n                ", "\n                ", "\n\n                section[data-stack-ident='true'] + & {\n                    ", ";\n                }\n\n                section[data-bg-ident='", "']\n                    + &[data-bg-ident='", "'] {\n                    padding-top: ", ";\n\n                    @media ", " {\n                        padding-top: ", ";\n                    }\n                }\n            "], ["\n                ", "\n                ", "\n\n                section[data-stack-ident='true'] + & {\n                    ", ";\n                }\n\n                section[data-bg-ident='", "']\n                    + &[data-bg-ident='", "'] {\n                    padding-top: ", ";\n\n                    @media ", " {\n                        padding-top: ", ";\n                    }\n                }\n            "])), withRange(padding, 'padding-top'), withRange(isStackable ? paddingStacked : padding, 'padding-bottom'), withRange(paddingStacked, 'padding-top'), bgIdent, bgIdent, forcePadding ? undefined : '0 !important', mq.xxlarge, forcePadding ? undefined : '0 !important');
-  } else return '';
-}, function (_a) {
-  var addSeperation = _a.addSeperation,
-      isStackable = _a.isStackable,
-      bgIdent = _a.bgIdent,
-      bgColor = _a.bgColor,
-      theme = _a.theme;
-  var margin = getGlobals(theme).sections.seperation.margin.default;
-  var marginStacked = getGlobals(theme).sections.seperation.margin.stackable;
-  var bgColorPart = bgColor ? "__".concat(bgColor) : '';
-
-  if (addSeperation) {
-    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left", "'] {\n                    ", ";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right", "'] {\n                    ", ";\n                }\n\n                section[data-bg-ident='larger-left", "']\n                    + &:not([data-bg-ident='light']) {\n                    ", ";\n                }\n\n                section[data-bg-ident='larger-right", "']\n                    + &:not([data-bg-ident='light']) {\n                    ", ";\n                }\n\n                section[data-bg-ident='", "']\n                    + &[data-bg-ident='", "'] {\n                    margin-top: 0 !important;\n\n                    @media ", " {\n                        margin-top: 0 !important;\n                    }\n                }\n            "], ["\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-left", "'] {\n                    ", ";\n                }\n\n                *:not([data-bg-ident='light'])\n                    + &[data-bg-ident='larger-right", "'] {\n                    ", ";\n                }\n\n                section[data-bg-ident='larger-left", "']\n                    + &:not([data-bg-ident='light']) {\n                    ", ";\n                }\n\n                section[data-bg-ident='larger-right", "']\n                    + &:not([data-bg-ident='light']) {\n                    ", ";\n                }\n\n                section[data-bg-ident='", "']\n                    + &[data-bg-ident='", "'] {\n                    margin-top: 0 !important;\n\n                    @media ", " {\n                        margin-top: 0 !important;\n                    }\n                }\n            "])), bgColorPart, withRange(margin, 'margin-top'), bgColorPart, withRange(margin, 'margin-top'), bgColorPart, withRange(isStackable ? marginStacked : margin, 'margin-top'), bgColorPart, withRange(isStackable ? marginStacked : margin, 'margin-top'), bgIdent, bgIdent, mq.xxlarge);
-  } else return '';
-});
-var Back = styled.div.withConfig({
-  displayName: "Section__Back",
-  componentId: "sc-14g80mr-1"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: ", ";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ", ";\n    background: ", ";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media ", " {\n        background: ", ";\n    }\n\n    @media ", " {\n        :before {\n            content: ", ";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ", "px;\n            background-color: ", ";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ", ";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ", "px;\n            background-color: ", ";\n            transform: translateX(100%);\n        }\n    }\n"], ["\n    display: ", ";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    max-width: ", ";\n    background: ", ";\n    margin: 0 auto;\n    z-index: -1;\n\n    @media ", " {\n        background: ", ";\n    }\n\n    @media ", " {\n        :before {\n            content: ", ";\n            position: absolute;\n            top: 0;\n            left: 0;\n            bottom: 0;\n            width: ", "px;\n            background-color: ", ";\n            transform: translateX(-100%);\n        }\n        :after {\n            content: ", ";\n            position: absolute;\n            top: 0;\n            right: 0;\n            bottom: 0;\n            width: ", "px;\n            background-color: ", ";\n            transform: translateX(100%);\n        }\n    }\n"])), function (_a) {
-  var bgColor = _a.bgColor;
-  return bgColor ? 'block' : 'none';
-}, function (_a) {
-  var bgMode = _a.bgMode,
-      clampSolidBg = _a.clampSolidBg;
-
-  if (bgMode !== 'larger-left' && bgMode !== 'larger-right') {
-    return clampSolidBg ? "".concat(spacings.wrapperLarge, "px") : undefined;
-  } else {
-    return "".concat(spacings.wrapper, "px");
-  }
-}, function (_a) {
-  var bgColor = _a.bgColor;
-  return bgColor || undefined;
-}, mq.semilarge, function (_a) {
-  var bgColor = _a.bgColor,
-      bgMode = _a.bgMode;
-  return bgColor && bgMode ? getBackground(bgColor, bgMode) : undefined;
-}, mq.xlarge, function (_a) {
-  var bgMode = _a.bgMode;
-  return bgMode === 'larger-left' ? "\"\"" : undefined;
-}, (spacings.wrapperLarge - spacings.wrapper) / 2, function (_a) {
-  var bgColor = _a.bgColor;
-  return bgColor && bgColor;
-}, function (_a) {
-  var bgMode = _a.bgMode;
-  return bgMode === 'larger-right' ? "\"\"" : undefined;
-}, (spacings.wrapperLarge - spacings.wrapper) / 2, function (_a) {
-  var bgColor = _a.bgColor;
-  return bgColor && bgColor;
-});
-var Section = forwardRef(function (_a, ref) {
-  var anchorId = _a.anchorId,
-      renderAs = _a.renderAs,
-      bgColor = _a.bgColor,
-      bgMode = _a.bgMode,
-      _b = _a.clampSolidBg,
-      clampSolidBg = _b === void 0 ? true : _b,
-      _c = _a.addSeperation,
-      addSeperation = _c === void 0 ? false : _c,
-      _d = _a.isStackable,
-      isStackable = _d === void 0 ? false : _d,
-      className = _a.className,
-      children = _a.children;
-
-  switch (bgMode) {
-    case 'larger-left':
-      bgMode = 'larger-left';
-      break;
-
-    case 'larger-right':
-      bgMode = 'larger-right';
-      break;
-
-    case 'inverted':
-      bgMode = 'inverted';
-      break;
-
-    case 'full':
-      bgMode = 'full';
-      break;
-
-    default:
-      bgMode = undefined;
-  }
-
-  var noPadIdent = addSeperation ? '' : 'nopad';
-  var ident = bgColor && bgMode ? concat(["".concat(bgMode, "__").concat(bgColor), noPadIdent], '--') : 'light';
-  return React__default.createElement(View$1, {
-    ref: ref,
-    id: anchorId || undefined,
-    as: renderAs,
-    "data-bg-ident": ident,
-    bgIdent: ident,
-    bgColor: bgColor || '',
-    addSeperation: !renderAs || renderAs && renderAs !== 'div' ? addSeperation : false,
-    isStackable: isStackable,
-    "data-stack-ident": isStackable ? 'true' : 'false',
-    className: className
-  }, bgColor && React__default.createElement(Back, {
-    bgColor: bgColor,
-    bgMode: bgMode,
-    clampSolidBg: clampSolidBg
-  }), children);
-});
-Section.displayName = 'Section';
-var mapToBgMode = function (mode, preventSplit, isMirrored) {
-  if (preventSplit === void 0) {
-    preventSplit = false;
-  }
-
-  if (isMirrored === void 0) {
-    isMirrored = false;
-  }
-
-  switch (mode) {
-    case 'full':
-      return 'full';
-
-    case 'inverted':
-      return 'inverted';
-
-    case 'splitted':
-      {
-        if (!preventSplit) return isMirrored ? 'larger-left' : 'larger-right';else return undefined;
-      }
-
-    default:
-      return undefined;
-  }
-};
-var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4;
-
-var wrapperWhitespace = spacings.nudge * 2;
-var View = styled.div.withConfig({
-  displayName: "Wrapper__View",
-  componentId: "sc-1ll038z-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: relative;\n    width: 100%;\n    max-width: ", ";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ", "px;\n"], ["\n    position: relative;\n    width: 100%;\n    max-width: ", ";\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0\n        ", "px;\n"])), function (_a) {
-  var clampWidth = _a.clampWidth;
-
-  switch (clampWidth) {
-    case 'large':
-      return "".concat(spacings.wrapperLarge, "px");
-
-    case 'small':
-      return "".concat(spacings.wrapperSmall, "px");
-
-    default:
-    case 'normal':
-      return "".concat(spacings.wrapper, "px");
-  }
-}, function (_a) {
-  var addWhitespace = _a.addWhitespace;
-  return addWhitespace ? wrapperWhitespace : 0;
-});
-
-var Wrapper = function (_a) {
-  var _b = _a.addWhitespace,
-      addWhitespace = _b === void 0 ? false : _b,
-      _c = _a.clampWidth,
-      clampWidth = _c === void 0 ? 'normal' : _c,
-      className = _a.className,
-      children = _a.children;
-  return React.createElement(View, {
-    className: className,
-    addWhitespace: addWhitespace,
-    clampWidth: clampWidth
-  }, children);
-};
-var templateObject_1;
-
-export { Grid$1 as G, Section as S, Wrapper as W, getGridWidth as a, gridSettings as g, mapToBgMode as m, wrapperWhitespace as w };
-//# sourceMappingURL=Wrapper-f4a70e30.js.map
+export { Grid$1 as G, getGridWidth as a, gridSettings as g };
+//# sourceMappingURL=Grid-151498da.js.map

package/esm/Grid-151498da.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid-151498da.js","sources":["../src/components/base/Grid.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { clampValue } from 'utils/clamp';\nimport { spacings, mq } from 'utils/styles';\n\nexport interface ColPropsSettings {\n    /** Normalisierte Werte zwischen 0 und 1: z.B.  12 von 28 Spalten (12 / 28) */\n    span?: number;\n    /** Normalisierte Werte zwischen -1 und 1: z.B. -12 von 28 Spalten (-12 / 28) */\n    move?: number;\n    /** Vertical alignment of column content */\n    valign?: VerticalAlign;\n    /** Text alignment of column content  */\n    textAlign?: TextAlign;\n}\n\ntype VerticalAlign = 'top' | 'center' | 'bottom';\ntype HorizontalAlign = 'left' | 'center' | 'right';\ntype TextAlign = 'left' | 'center' | 'right';\n\ninterface ColProps extends ColPropsSettings {\n    medium?: ColPropsSettings;\n    semilarge?: ColPropsSettings;\n    large?: ColPropsSettings;\n    xlarge?: ColPropsSettings;\n    /** force column to the right */\n    toRight?: boolean;\n    /** force column to the left */\n    toLeft?: boolean;\n}\n\nexport const gridSettings = {\n    cols: 12,\n    gutter: spacings.spacer,\n};\n\n/** Get width of grid cols incl. gutter (relative to container element)  */\nexport const getGridWidth = (props?: {\n    cols?: number;\n    gutter?: number;\n    gridWidth?: string;\n}) => {\n    const columns = props?.cols || gridSettings.cols;\n\n    const width = props?.gridWidth || '100%';\n    const gridGutter =\n        props?.gutter !== undefined ? props.gutter : gridSettings.gutter;\n    const gridCols = gridSettings.cols;\n\n    return css`\n        calc(((${width} - ${\n        (gridCols - 1) * gridGutter\n    }px) / ${gridCols}) * ${columns} + ${(columns - 1) * gridGutter}px)\n    `;\n};\n\nconst validateValue = (\n    value: number | undefined,\n    min: number,\n    max?: number\n) => {\n    if (value === undefined || value === null) return value;\n    return value !== clampValue(value, min, max) ? undefined : value;\n};\n\nconst getWidth = (props: ColProps) => {\n    const span = validateValue(props.span, 0, 1);\n    const mediumSpan = validateValue(props.medium?.span, 0, 1);\n    const semilargeSpan = validateValue(props.semilarge?.span, 0, 1);\n    const largeSpan = validateValue(props.large?.span, 0, 1);\n    const xlargeSpan = validateValue(props.xlarge?.span, 0, 1);\n\n    return css`\n        width: ${(span || 1) * 100}%;\n\n        ${mediumSpan &&\n        css`\n            @media ${mq.medium} {\n                width: ${(mediumSpan || 1) * 100}%;\n            }\n        `}\n\n        ${semilargeSpan &&\n        css`\n            @media ${mq.semilarge} {\n                width: ${(semilargeSpan || 1) * 100}%;\n            }\n        `}\n\n        ${largeSpan &&\n        css`\n            @media ${mq.large} {\n                width: ${(largeSpan || 1) * 100}%;\n            }\n        `}\n\n        ${xlargeSpan &&\n        css`\n            @media ${mq.xlarge} {\n                width: ${(xlargeSpan || 1) * 100}%;\n            }\n        `}\n    `;\n};\n\nconst getLeftRight = (props: ColProps) => {\n    const mediumMove = props?.medium?.move;\n    const semilargeMove = props?.semilarge?.move;\n    const largeMove = props?.large?.move;\n    const xlargeMove = props?.xlarge?.move;\n\n    return css`\n        left: ${props?.move && props?.move > 0\n            ? props?.move * 100 + '%'\n            : 'auto'};\n        right: ${props?.move && props?.move < 0\n            ? props?.move * -100 + '%'\n            : 'auto'};\n\n        ${mediumMove !== undefined &&\n        css`\n            @media ${mq.medium} {\n                left: ${mediumMove && mediumMove > 0\n                    ? mediumMove * 100 + '%'\n                    : 'auto'};\n                right: ${mediumMove && mediumMove < 0\n                    ? mediumMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${semilargeMove !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                left: ${semilargeMove && semilargeMove > 0\n                    ? semilargeMove * 100 + '%'\n                    : 'auto'};\n                right: ${semilargeMove && semilargeMove < 0\n                    ? semilargeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${largeMove !== undefined &&\n        css`\n            @media ${mq.large} {\n                left: ${largeMove && largeMove > 0\n                    ? largeMove * 100 + '%'\n                    : 'auto'};\n                right: ${largeMove && largeMove < 0\n                    ? largeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n\n        ${xlargeMove !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                left: ${xlargeMove && xlargeMove > 0\n                    ? xlargeMove * 100 + '%'\n                    : 'auto'};\n                right: ${xlargeMove && xlargeMove < 0\n                    ? xlargeMove * -100 + '%'\n                    : 'auto'};\n            }\n        `}\n    `;\n};\n\nconst getGutter = (mode: 'grid' | 'col') => (props: GridProps) => {\n    const gutter = validateValue(props.gutter, 0) || 0;\n    const mediumGutter = validateValue(props?.medium?.gutter, 0);\n    const semilargeGutter = validateValue(props?.semilarge?.gutter, 0);\n    const largeGutter = validateValue(props?.large?.gutter, 0);\n    const xlargeGutter = validateValue(props?.xlarge?.gutter, 0);\n\n    const propertyTop = mode === 'grid' ? 'margin-top: -' : 'padding-top: ';\n    const propertyLeft = mode === 'grid' ? 'margin-left: -' : 'padding-left: ';\n\n    return css`\n        ${propertyTop}${gutter}px;\n        ${propertyLeft}${gutter}px;\n\n        ${mediumGutter !== undefined &&\n        css`\n            @media ${mq.medium} {\n                ${propertyTop}${mediumGutter}px;\n                ${propertyLeft}${mediumGutter}px;\n            }\n        `}\n\n        ${semilargeGutter !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                ${propertyTop}${semilargeGutter}px;\n                ${propertyLeft}${semilargeGutter}px;\n            }\n        `}\n        \n        ${largeGutter !== undefined &&\n        css`\n            @media ${mq.large} {\n                ${propertyTop}${largeGutter}px;\n                ${propertyLeft}${largeGutter}px;\n            }\n        `}\n\n        ${xlargeGutter !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                ${propertyTop}${xlargeGutter}px;\n                ${propertyLeft}${xlargeGutter}px;\n            }\n        `}\n    `;\n};\n\nconst getTextAlign = (props: ColProps) => {\n    const mediumTextAlign = props?.medium?.textAlign;\n    const semilargeTextAlign = props?.semilarge?.textAlign;\n    const largeTextAlign = props?.large?.textAlign;\n    const xlargeTextAlign = props?.xlarge?.textAlign;\n\n    return css`\n        text-align: ${props?.textAlign || undefined};\n\n        ${mediumTextAlign !== undefined &&\n        css`\n            @media ${mq.medium} {\n                text-align: ${mediumTextAlign};\n            }\n        `}\n\n        ${semilargeTextAlign !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                text-align: ${semilargeTextAlign};\n            }\n        `}\n\n        ${largeTextAlign !== undefined &&\n        css`\n            @media ${mq.large} {\n                text-align: ${largeTextAlign};\n            }\n        `}\n\n        ${xlargeTextAlign !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                text-align: ${xlargeTextAlign};\n            }\n        `}\n    `;\n};\n\nconst mapVerticalAlign = (alignMode?: VerticalAlign) => {\n    switch (alignMode) {\n        case 'top':\n            return 'flex-start';\n        case 'center':\n            return 'center';\n        case 'bottom':\n            return 'flex-end';\n        default:\n            return undefined;\n    }\n};\n\nconst getVerticalAlign =\n    (selfAlign?: boolean) => (props: ColProps & GridProps) => {\n        const vAlign = mapVerticalAlign(props.valign);\n        const mediumAlign = mapVerticalAlign(props?.medium?.valign);\n        const semilargelAlign = mapVerticalAlign(props?.semilarge?.valign);\n        const largeAlign = mapVerticalAlign(props?.large?.valign);\n        const xlargeAlign = mapVerticalAlign(props?.xlarge?.valign);\n\n        const property = selfAlign ? 'align-self: ' : 'align-items: ';\n\n        return css`\n            ${property}${vAlign || undefined};\n\n            ${mediumAlign !== undefined &&\n            css`\n                @media ${mq.medium} {\n                    ${property}${mediumAlign};\n                }\n            `}\n\n            ${semilargelAlign !== undefined &&\n            css`\n                @media ${mq.semilarge} {\n                    ${property}${semilargelAlign};\n                }\n            `}\n\n        ${largeAlign !== undefined &&\n            css`\n                @media ${mq.large} {\n                    ${property}${largeAlign};\n                }\n            `}\n\n        ${xlargeAlign !== undefined &&\n            css`\n                @media ${mq.xlarge} {\n                    ${property}${xlargeAlign};\n                }\n            `}\n        `;\n    };\n\nconst mapHorizontalAlign = (alignMode?: HorizontalAlign) => {\n    switch (alignMode) {\n        case 'left':\n            return 'flex-start';\n        case 'center':\n            return 'center';\n        case 'right':\n            return 'flex-end';\n        default:\n            return undefined;\n    }\n};\n\nconst getHorinzontalAlign = (props: GridProps) => {\n    const hAlign = mapHorizontalAlign(props.halign);\n    const mediumAlign = mapHorizontalAlign(props?.medium?.halign);\n    const semilargelAlign = mapHorizontalAlign(props?.semilarge?.halign);\n    const largeAlign = mapHorizontalAlign(props?.large?.halign);\n    const xlargeAlign = mapHorizontalAlign(props?.xlarge?.halign);\n\n    return css`\n        justify-content: ${hAlign || undefined};\n\n        ${mediumAlign !== undefined &&\n        css`\n            @media ${mq.medium} {\n                justify-content: ${mediumAlign};\n            }\n        `}\n\n        ${semilargelAlign !== undefined &&\n        css`\n            @media ${mq.semilarge} {\n                justify-content: ${semilargelAlign};\n            }\n        `}\n\n        ${largeAlign !== undefined &&\n        css`\n            @media ${mq.large} {\n                justify-content: ${largeAlign};\n            }\n        `}\n\n        ${xlargeAlign !== undefined &&\n        css`\n            @media ${mq.xlarge} {\n                justify-content: ${xlargeAlign};\n            }\n        `}\n    `;\n};\n\nconst StyledCol = styled.div<GridProps & ColProps>`\n    ${getWidth};\n    ${getLeftRight};\n    ${getGutter('col')}\n    display: inline-grid;\n    grid-template-columns: 100%;\n    position: relative;\n\n    ${getTextAlign}\n    ${getVerticalAlign(true)}\n    ${({ toRight }) =>\n        toRight &&\n        css`\n            margin-left: auto;\n        `}\n        ${({ toLeft }) =>\n        toLeft &&\n        css`\n            margin-right: auto;\n        `}\n`;\n\nconst Col: React.FC<ColProps & { children?: React.ReactNode }> = (props) => {\n    return <React.Fragment>{props?.children}</React.Fragment>;\n};\n\ninterface GridPropsSettings {\n    gutter?: number;\n    valign?: VerticalAlign;\n    halign?: HorizontalAlign;\n}\n\ninterface GridProps extends GridPropsSettings {\n    medium?: GridPropsSettings;\n    semilarge?: GridPropsSettings;\n    large?: GridPropsSettings;\n    xlarge?: GridPropsSettings;\n}\n\nconst StyledGrid = styled.div<GridProps>`\n    ${getGutter('grid')}\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    ${getVerticalAlign()}\n    ${getHorinzontalAlign}\n`;\n\nconst mapGutterToCol = (gutter?: number, colSettings?: any) => {\n    if (gutter === undefined) return colSettings;\n    if (colSettings) {\n        return {\n            ...colSettings,\n            gutter,\n        };\n    } else {\n        return {\n            gutter,\n        };\n    }\n};\n\nconst Grid: React.FC<GridProps & { children?: React.ReactNode }> = ({\n    gutter,\n    valign,\n    children,\n    halign,\n    medium,\n    semilarge,\n    large,\n    xlarge,\n}) => {\n    return (\n        <StyledGrid\n            gutter={gutter}\n            valign={valign}\n            halign={halign}\n            medium={medium}\n            semilarge={semilarge}\n            large={large}\n            xlarge={xlarge}\n        >\n            {React.Children.map(children, (comp: any) => {\n                return comp ? (\n                    <StyledCol\n                        {...comp?.props}\n                        gutter={gutter}\n                        medium={mapGutterToCol(\n                            medium?.gutter,\n                            comp?.props?.medium\n                        )}\n                        semilarge={mapGutterToCol(\n                            semilarge?.gutter,\n                            comp?.props?.semilarge\n                        )}\n                        large={mapGutterToCol(\n                            large?.gutter,\n                            comp?.props?.large\n                        )}\n                        xlarge={mapGutterToCol(\n                            xlarge?.gutter,\n                            comp?.props?.xlarge\n                        )}\n                    />\n                ) : undefined;\n            })}\n        </StyledGrid>\n    );\n};\n\nGrid.defaultProps = {\n    gutter: gridSettings.gutter,\n};\n\nexport default {\n    Row: Grid,\n    Col,\n};\n"],"names":["gridSettings","cols","gutter","spacings","spacer","getGridWidth","props","columns","width","gridWidth","gridGutter","undefined","gridCols","css","templateObject_1","__makeTemplateObject","validateValue","value","min","max","clampValue","getWidth","span","mediumSpan","medium","_a","semilargeSpan","semilarge","_b","largeSpan","large","_c","xlargeSpan","xlarge","_d","templateObject_6","templateObject_2","mq","templateObject_3","templateObject_4","templateObject_5","getLeftRight","mediumMove","move","semilargeMove","largeMove","xlargeMove","templateObject_11","templateObject_7","templateObject_8","templateObject_9","templateObject_10","getGutter","mode","mediumGutter","semilargeGutter","largeGutter","xlargeGutter","propertyTop","propertyLeft","templateObject_16","templateObject_13","templateObject_14","templateObject_15","getTextAlign","mediumTextAlign","textAlign","semilargeTextAlign","largeTextAlign","xlargeTextAlign","templateObject_18","templateObject_19","templateObject_20","mapVerticalAlign","alignMode","getVerticalAlign","selfAlign","vAlign","valign","mediumAlign","semilargelAlign","largeAlign","xlargeAlign","property","templateObject_26","templateObject_23","templateObject_24","templateObject_25","mapHorizontalAlign","getHorinzontalAlign","hAlign","halign","templateObject_27","templateObject_28","templateObject_30","StyledCol","styled","div","toRight","templateObject_32","toLeft","templateObject_33","Col","React","createElement","Fragment","children","StyledGrid","mapGutterToCol","colSettings","__assign","Grid","Children","map","comp","defaultProps","Row"],"mappings":"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"}

package/esm/{Image-82417953.js → Image-b538f659.js}

@@ -1,10 +1,10 @@
-import { a as __makeTemplateObject } from './ClockFilled-8784ddac.js';
-import { C as Copy } from './Copy-3444d005.js';
+import { a as __makeTemplateObject } from './ClockFilled-6bae80dc.js';
+import { C as Copy } from './Copy-fb124972.js';
 import * as React from 'react';
 import { useRef, useState, useEffect } from 'react';
 import styled, { css } from 'styled-components';
-import { u as useLibTheme } from './LibThemeProvider-90a5375f.js';
-import { c as getGlobals, m as mq, g as getColors, s as spacings } from './styles-5f78e59d.js';
+import { u as useLibTheme } from './LibThemeProvider-a38c5bf1.js';
+import { c as getGlobals, m as mq, g as getColors, s as spacings } from './styles-f6c54818.js';
 
 var getAspectRatio = function (width, height) {
   if (!width || !height) return undefined;
@@ -190,4 +190,4 @@ var Image = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
 export { Image as I };
-//# sourceMappingURL=Image-82417953.js.map
+//# sourceMappingURL=Image-b538f659.js.map