@blateral/b.kit 2.2.6 → 2.3.0-beta.1.0

package/lib/esm/LibThemeProvider-17012395.js

@@ -0,0 +1,115 @@
+import { d as __rest, _ as __assign, e as __spreadArray } from './ClockFilled-cff5900e.js';
+import React__default from 'react';
+import { useTheme, ThemeProvider } from 'styled-components';
+import { g as getColors, a as getFonts, c as getGlobals, d as getTheme, b as baseTheme } from './styles-eca3acc8.js';
+
+/**
+ * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values
+ * @param target Combined result object
+ * @param source FontBase object with properties that should by overritten.
+ */
+
+var assignFontBase = function (target, source) {
+  if (!source) return target; // deep iterate through target and search matching key
+
+  var assign = function (target, key, value) {
+    Object.keys(target).forEach(function (tKey) {
+      // check if target value is an object and no array
+      if (target[tKey] && typeof target[tKey] === 'object' && !Array.isArray(target[tKey])) {
+        target[tKey] = assign(target[tKey], key, value);
+      } else if (key === tKey) {
+        target[tKey] = value;
+      }
+    });
+    return target;
+  }; // search each base key and replace values
+
+
+  Object.keys(source).forEach(function (sKey) {
+    if (source[sKey]) target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);
+  });
+  return target;
+};
+/**
+ * Combining Theme objects
+ * @param target Result theme object
+ * @param source Theme object that should be assigned to target
+ */
+
+
+var assignTo = function (target, source) {
+  var output = __assign({}, target);
+
+  if (!source) return output;
+  Object.keys(source).forEach(function (key) {
+    var sourceVal = source[key];
+    var targetVal = target[key];
+
+    if (targetVal && sourceVal && typeof targetVal === 'object' && typeof sourceVal === 'object') {
+      // console.log(key, sourceVal, targetVal);
+      if (Array.isArray(sourceVal)) {
+        output[key] = __spreadArray([], sourceVal, true);
+      } else {
+        output[key] = assignTo(targetVal, sourceVal);
+      }
+    } else if (sourceVal) {
+      output[key] = sourceVal;
+    }
+  });
+  return output;
+};
+var LibThemeProvider = function (_a) {
+  var theme = _a.theme,
+      children = _a.children;
+  var ctx = useTheme();
+
+  if (theme) {
+    var newTheme = modifyTheme(ctx, theme);
+    return React__default.createElement(ThemeProvider, {
+      theme: newTheme
+    }, children);
+  } else {
+    return React__default.createElement(React__default.Fragment, null, children);
+  }
+};
+var modifyTheme = function (activeTheme, modifications) {
+  var _a, _b; // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme
+
+
+  var combinedBaseTheme = assignFontBase(baseTheme, (_a = activeTheme === null || activeTheme === void 0 ? void 0 : activeTheme.fonts) === null || _a === void 0 ? void 0 : _a.base); // adding base theme to active theme context if possible
+
+  var combinedTheme = activeTheme ? assignTo(combinedBaseTheme, activeTheme) : combinedBaseTheme; // adding additional base font styles and other settings to theme
+
+  var newTheme = combinedTheme;
+
+  if (modifications) {
+    newTheme = assignFontBase(combinedTheme, (_b = modifications === null || modifications === void 0 ? void 0 : modifications.fonts) === null || _b === void 0 ? void 0 : _b.base);
+    newTheme = assignTo(newTheme, modifications);
+  }
+
+  return newTheme;
+};
+var useLibTheme = function () {
+  var theme = useTheme();
+  return {
+    colors: getColors(theme),
+    fonts: getFonts(theme),
+    globals: getGlobals(theme),
+    theme: getTheme(theme)
+  };
+};
+var withLibTheme = function (Component) {
+  return function (_a) {
+    var theme = _a.theme,
+        props = __rest(_a, ["theme"]);
+
+    var ctx = useTheme();
+    var newTheme = modifyTheme(ctx, theme);
+    return React__default.createElement(ThemeProvider, {
+      theme: newTheme
+    }, React__default.createElement(Component, __assign({}, props)));
+  };
+};
+
+export { LibThemeProvider as L, assignTo as a, modifyTheme as m, useLibTheme as u, withLibTheme as w };
+//# sourceMappingURL=LibThemeProvider-17012395.js.map

package/lib/esm/LibThemeProvider-17012395.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LibThemeProvider-17012395.js","sources":["../../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n    FontBase,\n    baseTheme,\n    getColors,\n    getFonts,\n    getGlobals,\n    getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n    target: DefaultTheme,\n    source?: RecursivePartial<FontBase>\n) => {\n    if (!source) return target;\n\n    // deep iterate through target and search matching key\n    const assign = (target: any, key: string, value: string) => {\n        Object.keys(target).forEach((tKey) => {\n            // check if target value is an object and no array\n            if (\n                target[tKey] &&\n                typeof target[tKey] === 'object' &&\n                !Array.isArray(target[tKey])\n            ) {\n                target[tKey] = assign(target[tKey], key, value);\n            } else if (key === tKey) {\n                target[tKey] = value;\n            }\n        });\n        return target;\n    };\n\n    // search each base key and replace values\n    Object.keys(source).forEach((sKey) => {\n        if (source[sKey])\n            target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n    });\n    return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n    target: T,\n    source?: ThemeMods\n) => {\n    const output = { ...target };\n    if (!source) return output as T;\n\n    Object.keys(source).forEach((key) => {\n        const sourceVal = source[key];\n        const targetVal = target[key];\n\n        if (\n            targetVal &&\n            sourceVal &&\n            typeof targetVal === 'object' &&\n            typeof sourceVal === 'object'\n        ) {\n            // console.log(key, sourceVal, targetVal);\n            if (Array.isArray(sourceVal)) {\n                output[key] = [...sourceVal];\n            } else {\n                output[key] = assignTo(targetVal, sourceVal);\n            }\n        } else if (sourceVal) {\n            output[key] = sourceVal;\n        }\n    });\n    return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n    theme?: ThemeMods;\n    children?: React.ReactNode;\n}> = ({ theme, children }) => {\n    const ctx = useTheme();\n\n    if (theme) {\n        const newTheme = modifyTheme(ctx, theme);\n\n        return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n    } else {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n};\n\ninterface WithLibThemeProps {\n    theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n    activeTheme?: DefaultTheme,\n    modifications?: ThemeMods\n) => {\n    // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n    const combinedBaseTheme = assignFontBase(\n        baseTheme,\n        activeTheme?.fonts?.base\n    );\n\n    // adding base theme to active theme context if possible\n    const combinedTheme = activeTheme\n        ? assignTo(combinedBaseTheme, activeTheme)\n        : combinedBaseTheme;\n\n    // adding additional base font styles and other settings to theme\n    let newTheme = combinedTheme;\n    if (modifications) {\n        newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n        newTheme = assignTo(newTheme, modifications);\n    }\n\n    return newTheme;\n};\n\nexport const useLibTheme = () => {\n    const theme = useTheme();\n\n    return {\n        colors: getColors(theme),\n        fonts: getFonts(theme),\n        globals: getGlobals(theme),\n        theme: getTheme(theme),\n    };\n};\n\nexport const withLibTheme =\n    <P extends Record<string, unknown>>(\n        Component: React.ComponentType<P>\n    ): React.FC<\n        P & {\n            /** Component specific theme properties that overrides global theme settings */\n            theme?: ThemeMods;\n        }\n    > =>\n    ({ theme, ...props }: WithLibThemeProps) => {\n        const ctx = useTheme();\n        const newTheme = modifyTheme(ctx, theme);\n\n        return (\n            <ThemeProvider theme={newTheme}>\n                <Component {...(props as P)} />\n            </ThemeProvider>\n        );\n    };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","LibThemeProvider","_a","theme","children","ctx","useTheme","newTheme","modifyTheme","React","createElement","ThemeProvider","Fragment","activeTheme","modifications","combinedBaseTheme","baseTheme","base","combinedTheme","_b","useLibTheme","colors","getColors","getFonts","globals","getGlobals","getTheme","withLibTheme","Component","props","__rest"],"mappings":"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"}

package/lib/esm/Link-42f0b80f.js

@@ -0,0 +1,60 @@
+import { a as __makeTemplateObject } from './ClockFilled-cff5900e.js';
+import React__default, { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { a as getFonts } from './styles-eca3acc8.js';
+
+var linkStyles = function (isInverted) {
+  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ", ";\n        outline-offset: 1px;\n    }\n"], ["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ", ";\n        outline-offset: 1px;\n    }\n"])), function (_a) {
+    var theme = _a.theme;
+    return isInverted ? getFonts(theme).link.colorInverted : getFonts(theme).link.color;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme).link.textTransform;
+  }, function (_a) {
+    var theme = _a.theme;
+    return getFonts(theme).link.textDecoration;
+  }, function (_a) {
+    var theme = _a.theme;
+    return isInverted ? getFonts(theme).link.colorHoverInverted : getFonts(theme).link.colorHover;
+  }, function (_a) {
+    var theme = _a.theme;
+    return isInverted ? getFonts(theme).link.colorInverted : getFonts(theme).link.color;
+  });
+};
+var View = styled.a.withConfig({
+  displayName: "Link__View",
+  componentId: "sc-63jgey-0"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", ";\n"], ["\n    ", ";\n"])), function (_a) {
+  var isInverted = _a.isInverted;
+  return linkStyles(isInverted);
+});
+var Link = forwardRef(function (_a, ref) {
+  var _b = _a.isInverted,
+      isInverted = _b === void 0 ? false : _b,
+      _c = _a.isExternal,
+      isExternal = _c === void 0 ? false : _c,
+      onClick = _a.onClick,
+      href = _a.href,
+      ariaLabel = _a.ariaLabel,
+      tabIndex = _a.tabIndex,
+      dataSheet = _a.dataSheet,
+      children = _a.children,
+      className = _a.className;
+  return React__default.createElement(View, {
+    ref: ref,
+    href: href,
+    target: isExternal ? '_blank' : undefined,
+    rel: isExternal ? 'noopener noreferrer' : undefined,
+    isInverted: isInverted,
+    "aria-label": ariaLabel,
+    tabIndex: tabIndex,
+    "data-sheet": dataSheet,
+    onClick: onClick,
+    className: className
+  }, children);
+});
+Link.displayName = 'Link';
+var templateObject_1, templateObject_2;
+
+export { Link as L };
+//# sourceMappingURL=Link-42f0b80f.js.map

package/lib/esm/Link-42f0b80f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-42f0b80f.js","sources":["../../src/components/typography/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\n\nexport interface LinkProps {\n    isExternal?: boolean;\n    href?: string;\n}\n\nexport const linkStyles = (isInverted?: boolean) => css`\n    color: ${({ theme }) =>\n        isInverted ? font(theme).link.colorInverted : font(theme).link.color};\n    text-transform: ${({ theme }) => font(theme).link.textTransform};\n    text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorHoverInverted\n                    : font(theme).link.colorHover};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorInverted\n                    : font(theme).link.color};\n        outline-offset: 1px;\n    }\n`;\n\nconst View = styled.a<{ isInverted?: boolean }>`\n    ${({ isInverted }) => linkStyles(isInverted)};\n`;\n\nconst Link = forwardRef<\n    HTMLAnchorElement,\n    LinkProps & {\n        ariaLabel?: string;\n        tabIndex?: number;\n        dataSheet?: string;\n        isInverted?: boolean;\n        onClick?: (ev?: React.SyntheticEvent<HTMLAnchorElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n>(\n    (\n        {\n            isInverted = false,\n            isExternal = false,\n            onClick,\n            href,\n            ariaLabel,\n            tabIndex,\n            dataSheet,\n            children,\n            className,\n        },\n        ref\n    ) => {\n        return (\n            <View\n                ref={ref}\n                href={href}\n                target={isExternal ? '_blank' : undefined}\n                rel={isExternal ? 'noopener noreferrer' : undefined}\n                isInverted={isInverted}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                data-sheet={dataSheet}\n                onClick={onClick}\n                className={className}\n            >\n                {children}\n            </View>\n        );\n    }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["linkStyles","isInverted","css","templateObject_1","__makeTemplateObject","_a","theme","font","link","colorInverted","color","textTransform","textDecoration","colorHoverInverted","colorHover","View","styled","a","templateObject_2","Link","forwardRef","ref","_b","_c","isExternal","onClick","href","ariaLabel","tabIndex","dataSheet","children","className","React","createElement","target","undefined","rel","displayName"],"mappings":";;;;;AAWO,IAAMA,UAAU,GAAG,UAACC,UAAD,EAAqB;AAAK,EAAA,OAAAC,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAC,oBAAA,CAAA,CAAA,eAAA,EAAA,yBAAA,EAAA,0BAAA,EAAA,+JAAA,EAAA,qJAAA,EAAA,0CAAA,CAAA,EAAA,CAAA,eAAA,EAEqB,yBAFrB,EAGY,0BAHZ,EAIc,+JAJd,EAeN,qJAfM,EA4BX,0CA5BW,CAAA,CAAA,CAAA,EAC1C,UAACC,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AACR,IAAA,OAAAL,UAAU,GAAGM,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBC,aAApB,GAAoCF,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBE,KAA/D,CAAA;AAAoE,GAFrB,EAGjC,UAACL,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AAAY,IAAA,OAAAC,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBG,aAAjB,CAAA;AAA8B,GAHZ,EAIhC,UAACN,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AAAY,IAAA,OAAAC,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBI,cAAjB,CAAA;AAA+B,GAJd,EAYlC,UAACP,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AACR,IAAA,OAAAL,UAAU,GACJM,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBK,kBADb,GAEJN,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBM,UAFvB,CAAA;AAEiC,GAfM,EAyBzC,UAACT,EAAD,EAAU;AAAP,IAAA,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAL,CAAA;AACD,IAAA,OAAAL,UAAU,GACJM,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBC,aADb,GAEJF,QAAI,CAACD,KAAD,CAAJ,CAAYE,IAAZ,CAAiBE,KAFvB,CAAA;AAE4B,GA5BW,CAAH,CAAA;AA+BnD,CA/BM,CAAA;AAiCP,IAAMK,IAAI,GAAGC,MAAM,CAACC,CAAV,CAAA,UAAA,CAAA;AAAA,EAAA,WAAA,EAAA,YAAA;AAAA,EAAA,WAAA,EAAA,aAAA;AAAA,CAAqCC,CAAAA,CAAAA,gBAAA,KAAAA,gBAAA,GAAAd,oBAAA,CAAA,CAAA,QAAA,EAAA,KAAA,CAAA,EAAA,CAAA,QAAA,EACC,KADD,CAAA,CAAA,CAArC,EACJ,UAACC,EAAD,EAAe;AAAZ,EAAA,IAAAJ,UAAU,GAAAI,EAAA,CAAAJ,UAAV,CAAA;AAAiB,EAAAD,OAAAA,UAAU,CAACC,UAAD,CAAV,CAAA;AAAsB,CADtC,CAAV,CAAA;AAIMkB,IAAAA,IAAI,GAAGC,UAAU,CAYnB,UACIf,EADJ,EAYIgB,GAZJ,EAYO;AAVC,EAAA,IAAAC,EAAA,GAAAjB,EAAA,CAAAJ,UAAA;AAAA,MAAAA,UAAU,GAAGqB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,KAAb;AAAA,MACAC,EAAA,GAAAlB,EAAA,CAAAmB,UADA;AAAA,MACAA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA,EADlB;AAAA,MAEAE,OAAO,GAAApB,EAAA,CAAAoB,OAFP;AAAA,MAGAC,IAAI,GAAArB,EAAA,CAAAqB,IAHJ;AAAA,MAIAC,SAAS,GAAAtB,EAAA,CAAAsB,SAJT;AAAA,MAKAC,QAAQ,GAAAvB,EAAA,CAAAuB,QALR;AAAA,MAMAC,SAAS,GAAAxB,EAAA,CAAAwB,SANT;AAAA,MAOAC,QAAQ,GAAAzB,EAAA,CAAAyB,QAPR;AAAA,MAQAC,SAAS,GAAA1B,EAAA,CAAA0B,SART,CAAA;AAYJ,EAAA,OACIC,cAAC,CAAAC,aAAD,CAAClB,IAAD,EACI;AAAAM,IAAAA,GAAG,EAAEA,GAAL;AACAK,IAAAA,IAAI,EAAEA,IADN;AAEAQ,IAAAA,MAAM,EAAEV,UAAU,GAAG,QAAH,GAAcW,SAFhC;AAGAC,IAAAA,GAAG,EAAEZ,UAAU,GAAG,qBAAH,GAA2BW,SAH1C;AAIAlC,IAAAA,UAAU,EAAEA,UAJZ;AAKY,IAAA,YAAA,EAAA0B,SALZ;AAMAC,IAAAA,QAAQ,EAAEA,QANV;AAOY,IAAA,YAAA,EAAAC,SAPZ;AAQAJ,IAAAA,OAAO,EAAEA,OART;AASAM,IAAAA,SAAS,EAAEA,SAAAA;AATX,GADJ,EAYKD,QAZL,CADJ,CAAA;AAgBH,CA1CkB,EAAvB;AA6CAX,IAAI,CAACkB,WAAL,GAAmB,MAAnB,CAAA;;;;;"}