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

package/esm/POICard-392a2c3a.js

@@ -0,0 +1,116 @@
+import { a as __makeTemplateObject, u as Check } from './ClockFilled-6bae80dc.js';
+import React__default from 'react';
+import styled from 'styled-components';
+import { c as copyStyle, C as Copy } from './Copy-fb124972.js';
+import { s as spacings, g as getColors, m as mq } from './styles-f6c54818.js';
+import { i as isValidArray } from './arrays-65b644ef.js';
+import { I as InfoList } from './InfoList-616d17fd.js';
+
+var View$1 = styled.div.withConfig({
+  displayName: "POIFacts__View",
+  componentId: "sc-zp61fw-0"
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -", "px;\n    margin-left: -", "px;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge, spacings.nudge * 2, spacings.nudge * 3);
+var FactsWrapper = styled.div.withConfig({
+  displayName: "POIFacts__FactsWrapper",
+  componentId: "sc-zp61fw-1"
+})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"], ["\n    padding-top: ", "px;\n    padding-left: ", "px;\n"])), spacings.nudge, spacings.nudge * 2);
+var Fact = styled.span.withConfig({
+  displayName: "POIFacts__Fact",
+  componentId: "sc-zp61fw-2"
+})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n    display: inline-flex;\n    align-items: center;\n    ", "\n    color: ", ";\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    display: inline-flex;\n    align-items: center;\n    ", "\n    color: ", ";\n\n    & > * + * {\n        margin-left: ", "px;\n    }\n"])), copyStyle('copy', 'medium'), function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).text.copyInverted : getColors(theme).text.copy;
+}, spacings.nudge * 0.5);
+
+var POIFacts = function (_a) {
+  var facts = _a.facts,
+      customFact = _a.customFact,
+      isInverted = _a.isInverted;
+  return React__default.createElement(View$1, null, facts.map(function (fact, i) {
+    return React__default.createElement(FactsWrapper, {
+      key: 'tag_' + i
+    }, customFact ? customFact({
+      key: "headtag-".concat(i),
+      name: fact || '',
+      isInverted: isInverted
+    }) : React__default.createElement(Fact, {
+      isInverted: isInverted
+    }, React__default.createElement(Check, null), React__default.createElement("span", null, fact)));
+  }));
+};
+var templateObject_1$1, templateObject_2$1, templateObject_3$1;
+
+var View = styled.div.withConfig({
+  displayName: "POICard__View",
+  componentId: "sc-1l0tnmw-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    border: 1px solid\n        ", ";\n    padding: ", "px;\n    border-radius: ", "px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    border: 1px solid\n        ", ";\n    padding: ", "px;\n    border-radius: ", "px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
+}, spacings.nudge * 2, spacings.nudge, spacings.nudge * 3);
+var Title = styled(Copy).withConfig({
+  displayName: "POICard__Title",
+  componentId: "sc-1l0tnmw-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 3);
+var Description = styled(Copy).withConfig({
+  displayName: "POICard__Description",
+  componentId: "sc-1l0tnmw-2"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"], ["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n"])));
+var Body = styled.div.withConfig({
+  displayName: "POICard__Body",
+  componentId: "sc-1l0tnmw-3"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ", " {\n        margin-left: -", "px;\n        margin-right: -", "px;\n\n        & > * + * {\n            border-left: 1px solid\n                ", ";\n        }\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ", " {\n        margin-left: -", "px;\n        margin-right: -", "px;\n\n        & > * + * {\n            border-left: 1px solid\n                ", ";\n        }\n    }\n"])), mq.semilarge, spacings.spacer, spacings.spacer, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
+});
+var Col = styled.div.withConfig({
+  displayName: "POICard__Col",
+  componentId: "sc-1l0tnmw-4"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 60%;\n        padding: 0 ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 ", "%;\n    }\n"], ["\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 60%;\n        padding: 0 ", "px;\n    }\n\n    @media ", " {\n        flex: 1 0 ", "%;\n    }\n"])), spacings.nudge * 3, mq.semilarge, spacings.spacer, mq.large, 2 / 3 * 100);
+var InfoCol = styled(Col).withConfig({
+  displayName: "POICard__InfoCol",
+  componentId: "sc-1l0tnmw-5"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: none;\n    margin-bottom: ", "px;\n\n    @media ", " {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ", " {\n        display: block;\n        flex: 1 0 ", "%;\n    }\n"], ["\n    display: none;\n    margin-bottom: ", "px;\n\n    @media ", " {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ", " {\n        display: block;\n        flex: 1 0 ", "%;\n    }\n"])), spacings.nudge * 2, mq.semilarge, mq.large, 1 / 3 * 100);
+var Action = styled.div.withConfig({
+  displayName: "POICard__Action",
+  componentId: "sc-1l0tnmw-6"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
+
+var POICard = function (_a) {
+  var isInverted = _a.isInverted,
+      name = _a.name,
+      shortDescription = _a.shortDescription,
+      facts = _a.facts,
+      infos = _a.infos,
+      customFact = _a.customFact,
+      action = _a.action;
+  var hasFacts = isValidArray(facts, false);
+  var hasInfos = isValidArray(infos, false);
+  return React__default.createElement(View, {
+    isInverted: isInverted
+  }, name && React__default.createElement(Title, {
+    type: "copy-b",
+    size: "big",
+    isInverted: isInverted
+  }, name), (hasFacts || shortDescription || hasInfos || action) && React__default.createElement(Body, {
+    isInverted: isInverted
+  }, React__default.createElement(Col, null, isValidArray(facts, false) && React__default.createElement(POIFacts, {
+    facts: facts,
+    isInverted: isInverted,
+    customFact: customFact
+  }), shortDescription && React__default.createElement(Description, {
+    isInverted: isInverted,
+    innerHTML: shortDescription
+  }), action && React__default.createElement(Action, null, action(isInverted))), isValidArray(infos, false) && React__default.createElement(InfoCol, null, React__default.createElement(InfoList, {
+    isInverted: isInverted,
+    items: [{
+      items: infos
+    }]
+  }))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+
+export { POIFacts as P, POICard as a };
+//# sourceMappingURL=POICard-392a2c3a.js.map

package/esm/POICard-392a2c3a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"POICard-392a2c3a.js","sources":["../src/components/blocks/POIFacts.tsx","../src/components/blocks/POICard.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport { copyStyle } from 'components/typography/Copy';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin-top: -${spacings.nudge}px;\n    margin-left: -${spacings.nudge * 2}px;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst FactsWrapper = styled.div`\n    padding-top: ${spacings.nudge}px;\n    padding-left: ${spacings.nudge * 2}px;\n`;\n\nconst Fact = styled.span<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.copyInverted : color(theme).text.copy};\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 0.5}px;\n    }\n`;\n\nconst POIFacts: React.FC<{\n    facts: string[];\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n    isInverted?: boolean;\n}> = ({ facts, customFact, isInverted }) => {\n    return (\n        <View>\n            {facts.map((fact, i) => (\n                <FactsWrapper key={'tag_' + i}>\n                    {customFact ? (\n                        customFact({\n                            key: `headtag-${i}`,\n                            name: fact || '',\n                            isInverted: isInverted,\n                        })\n                    ) : (\n                        <Fact isInverted={isInverted}>\n                            <Check />\n                            <span>{fact}</span>\n                        </Fact>\n                    )}\n                </FactsWrapper>\n            ))}\n        </View>\n    );\n};\n\nexport default POIFacts;\n","import React from 'react';\nimport styled from 'styled-components';\n\nimport POIFacts from 'components/blocks/POIFacts';\nimport Copy from 'components/typography/Copy';\nimport { isValidArray } from 'utils/arrays';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport InfoList, { Info } from './InfoList';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    padding: ${spacings.nudge * 2}px;\n    border-radius: ${spacings.nudge}px;\n    overflow: hidden;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n\n    &:not(:first-child) {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst Description = styled(Copy)`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /* number of lines to show */\n    line-clamp: 4;\n    -webkit-box-orient: vertical;\n`;\n\nconst Body = styled.div<{ isInverted?: boolean }>`\n    display: flex;\n    flex-direction: row;\n    /* align-items: flex-start; */\n\n    @media ${mq.semilarge} {\n        margin-left: -${spacings.spacer}px;\n        margin-right: -${spacings.spacer}px;\n\n        & > * + * {\n            border-left: 1px solid\n                ${({ theme, isInverted }) =>\n                    isInverted\n                        ? color(theme).elementBg.light\n                        : color(theme).elementBg.dark};\n        }\n    }\n`;\n\nconst Col = styled.div`\n    flex: 1 0 100%;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 3}px;\n    }\n\n    @media ${mq.semilarge} {\n        flex: 1 0 60%;\n        padding: 0 ${spacings.spacer}px;\n    }\n\n    @media ${mq.large} {\n        flex: 1 0 ${(2 / 3) * 100}%;\n    }\n`;\n\nconst InfoCol = styled(Col)`\n    display: none;\n    margin-bottom: ${spacings.nudge * 2}px;\n\n    @media ${mq.semilarge} {\n        display: block;\n        flex: 1 0 40%;\n    }\n\n    @media ${mq.large} {\n        display: block;\n        flex: 1 0 ${(1 / 3) * 100}%;\n    }\n`;\n\nconst Action = styled.div``;\n\nexport type POILocation = {\n    address: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    coordinates?: { lat: number; long: number };\n    mail: string;\n    phone: string;\n    web: string;\n};\n\nexport type POIContact = {\n    name: string;\n    position: string;\n    street: string;\n    postalCode: string;\n    city: string;\n    mail: string;\n    phone: string;\n};\n\nexport interface POICardProps {\n    /** Invert text and background for use on dark sections */\n    isInverted?: boolean;\n\n    /** POI name */\n    name: string;\n\n    /** Short POI description text (RichText) */\n    shortDescription?: string;\n\n    /** Array of additional POI informations */\n    infos?: Info[];\n\n    /** Array of POI facts */\n    facts?: string[];\n\n    /** Function to inject custom fact node */\n    customFact?: (props: {\n        key: React.Key;\n        name: string;\n        isInverted?: boolean;\n    }) => React.ReactNode;\n\n    /** Function to inject custom action node */\n    action?: (isInverted?: boolean) => React.ReactNode;\n}\n\nconst POICard: React.FC<POICardProps> = ({\n    isInverted,\n    name,\n    shortDescription,\n    facts,\n    infos,\n    customFact,\n    action,\n}) => {\n    const hasFacts = isValidArray(facts, false);\n    const hasInfos = isValidArray(infos, false);\n\n    return (\n        <View isInverted={isInverted}>\n            {name && (\n                <Title type=\"copy-b\" size=\"big\" isInverted={isInverted}>\n                    {name}\n                </Title>\n            )}\n            {(hasFacts || shortDescription || hasInfos || action) && (\n                <Body isInverted={isInverted}>\n                    <Col>\n                        {isValidArray(facts, false) && (\n                            <POIFacts\n                                facts={facts}\n                                isInverted={isInverted}\n                                customFact={customFact}\n                            />\n                        )}\n                        {shortDescription && (\n                            <Description\n                                isInverted={isInverted}\n                                innerHTML={shortDescription}\n                            />\n                        )}\n                        {action && <Action>{action(isInverted)}</Action>}\n                    </Col>\n                    {isValidArray(infos, false) && (\n                        <InfoCol>\n                            <InfoList\n                                isInverted={isInverted}\n                                items={[\n                                    {\n                                        items: infos,\n                                    },\n                                ]}\n                            />\n                        </InfoCol>\n                    )}\n                </Body>\n            )}\n        </View>\n    );\n};\n\nexport default POICard;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","spacings","nudge","FactsWrapper","templateObject_2","Fact","span","templateObject_3","copyStyle","_a","theme","isInverted","color","text","copyInverted","copy","POIFacts","facts","customFact","React","createElement","map","fact","i","key","concat","name","Check","elementBg","light","dark","Title","Copy","Description","Body","templateObject_4","mq","semilarge","spacer","Col","templateObject_5","large","InfoCol","templateObject_6","Action","templateObject_7","POICard","shortDescription","infos","action","hasFacts","isValidArray","hasInfos","type","size","innerHTML","InfoList","items"],"mappings":"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"}

package/esm/{Pointer-da4d0977.js → Pointer-bc68154f.js}

@@ -1,7 +1,7 @@
-import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-8784ddac.js';
+import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ClockFilled-6bae80dc.js';
 import * as React from 'react';
 import styled from 'styled-components';
-import { a as getFonts, w as withRange, g as getColors, s as spacings } from './styles-5f78e59d.js';
+import { a as getFonts, w as withRange, g as getColors, s as spacings } from './styles-f6c54818.js';
 
 var View = styled.a.withConfig({
   displayName: "Pointer__View",
@@ -108,4 +108,4 @@ var Pointer$1 = {
 var templateObject_1, templateObject_2, templateObject_3;
 
 export { Pointer$1 as P };
-//# sourceMappingURL=Pointer-da4d0977.js.map
+//# sourceMappingURL=Pointer-bc68154f.js.map

package/esm/{Pointer-da4d0977.js.map → Pointer-bc68154f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Pointer-da4d0977.js","sources":["../src/components/buttons/Pointer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    textDecoration?: 'none' | 'underline';\n}>`\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    text-align: center;\n    text-decoration: ${({ textDecoration }) =>\n        textDecoration ? textDecoration : 'underline'};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ${({ theme, inverted }) =>\n        inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background: none;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).text.copyInverted\n            : color(theme).text.copy};\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).text.copyInverted\n                : color(theme).text.copy};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n`;\n\ninterface Props {\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    onClick?: () => void;\n    textDecoration?: 'none' | 'underline';\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    isExternal?: boolean;\n};\n\nconst Pointer: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            textDecoration,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    href={(rest as LinkProps).href}\n                    data-disabled={isDisabled}\n                    data-inverted={isInverted}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nPointer.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ${({ theme, iconColor }) => iconColor || color(theme).text.copy};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}[data-inverted='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).text.copyInverted};\n    }\n\n    ${View}[data-disabled='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).elementBg.medium};\n    }\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n`;\n\nexport default { View: Pointer, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","templateObject_1","__makeTemplateObject","_a","theme","font","copy","medium","family","withRange","size","weight","textDecoration","letterSpacing","inverted","color","primary","default","disable","elementBg","text","copyInverted","spacings","nudge","Pointer","React","forwardRef","ref","as","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_2","iconColor","Label","span","templateObject_3"],"mappings":"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"}
+{"version":3,"file":"Pointer-bc68154f.js","sources":["../src/components/buttons/Pointer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    disable?: boolean;\n    textDecoration?: 'none' | 'underline';\n}>`\n    padding: 0.2em 0;\n\n    display: inline-block;\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n\n    font-family: ${({ theme }) => font(theme).copy.medium.family};\n    ${({ theme }) => withRange(font(theme).copy.medium.size, 'font-size')}\n    font-weight: ${({ theme }) => font(theme).copy.medium.weight};\n    text-align: center;\n    text-decoration: ${({ textDecoration }) =>\n        textDecoration ? textDecoration : 'underline'};\n    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    perspective: 1000;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-perspective: 1000;\n    -moz-osx-font-smoothing: grayscale;\n    will-change: auto;\n\n    outline-color: ${({ theme, inverted }) =>\n        inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    border: none;\n    cursor: pointer;\n\n    pointer-events: ${({ disable }) => (disable ? 'none' : 'all')};\n\n    background: none;\n    color: ${({ theme, inverted, disable }) =>\n        disable\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).text.copyInverted\n            : color(theme).text.copy};\n\n    & > * {\n        color: ${({ theme, inverted, disable }) =>\n            disable\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).text.copyInverted\n                : color(theme).text.copy};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            opacity: 0.6;\n        }\n    }\n\n    &:focus {\n        outline: 2px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:active {\n        opacity: 0.6;\n    }\n`;\n\ninterface Props {\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    onClick?: () => void;\n    textDecoration?: 'none' | 'underline';\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    isExternal?: boolean;\n};\n\nconst Pointer: React.FC<BtnProps | LinkProps> = React.forwardRef(\n    (\n        {\n            as,\n            isInverted,\n            isDisabled,\n            onClick,\n            className,\n            textDecoration,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        if (as === 'button') {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        } else {\n            return (\n                <View\n                    textDecoration={textDecoration}\n                    ref={ref}\n                    as={as as any}\n                    href={(rest as LinkProps).href}\n                    data-disabled={isDisabled}\n                    data-inverted={isInverted}\n                    target={\n                        (rest as LinkProps).isExternal ? '_blank' : undefined\n                    }\n                    rel={\n                        (rest as LinkProps).isExternal\n                            ? 'noopener noreferrer'\n                            : undefined\n                    }\n                    inverted={isInverted}\n                    disable={isDisabled}\n                    onClick={onClick}\n                    className={className}\n                    {...rest}\n                >\n                    {children}\n                </View>\n            );\n        }\n    }\n);\n\nPointer.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n\n    color: ${({ theme, iconColor }) => iconColor || color(theme).text.copy};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}[data-inverted='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).text.copyInverted};\n    }\n\n    ${View}[data-disabled='true'] > & {\n        color: ${({ theme, iconColor }) =>\n            iconColor || color(theme).elementBg.medium};\n    }\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n`;\n\nexport default { View: Pointer, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","templateObject_1","__makeTemplateObject","_a","theme","font","copy","medium","family","withRange","size","weight","textDecoration","letterSpacing","inverted","color","primary","default","disable","elementBg","text","copyInverted","spacings","nudge","Pointer","React","forwardRef","ref","as","isInverted","isDisabled","onClick","className","children","rest","__rest","createElement","__assign","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_2","iconColor","Label","span","templateObject_3"],"mappings":"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"}

package/esm/{SocialList-7c00c70e.js → SocialList-4396cad9.js}

@@ -1,9 +1,9 @@
-import { a as __makeTemplateObject } from './ClockFilled-8784ddac.js';
+import { a as __makeTemplateObject } from './ClockFilled-6bae80dc.js';
 import React__default from 'react';
 import styled from 'styled-components';
-import { s as spacings, g as getColors } from './styles-5f78e59d.js';
-import { L as Link } from './Link-ee8a48ed.js';
-import { C as Copy } from './Copy-3444d005.js';
+import { s as spacings, g as getColors } from './styles-f6c54818.js';
+import { L as Link } from './Link-0a1e35d6.js';
+import { C as Copy } from './Copy-fb124972.js';
 
 var View = styled.div.withConfig({
   displayName: "SocialList__View",
@@ -58,4 +58,4 @@ var SocialList = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
 export { SocialList as S };
-//# sourceMappingURL=SocialList-7c00c70e.js.map
+//# sourceMappingURL=SocialList-4396cad9.js.map

package/esm/{SocialList-7c00c70e.js.map → SocialList-4396cad9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"SocialList-7c00c70e.js","sources":["../src/components/blocks/SocialList.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\nimport Link from 'components/typography/Link';\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst List = styled.ul`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst IconContainer = styled.li`\n    display: block;\n    padding: 0;\n`;\n\nconst StyledLink = styled(Link)`\n    display: block;\n    padding: ${spacings.nudge * 2}px ${spacings.nudge * 1.5}px;\n    margin: -${spacings.nudge * 2}px -${spacings.nudge * 1.5}px;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nexport interface SocialItem {\n    href: string;\n    icon: (props: { isInverted?: boolean; title?: string }) => React.ReactNode;\n    title?: string;\n}\n\nconst SocialList: FC<{\n    isInverted?: boolean;\n    title?: string;\n    items?: SocialItem[];\n    className?: string;\n}> = ({ isInverted = false, title, items, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            <List>\n                {items?.map((item, i) => (\n                    <IconContainer key={i}>\n                        <StyledLink\n                            isExternal\n                            href={item.href}\n                            isInverted={isInverted}\n                            ariaLabel={item.title || `social_${i}`}\n                        >\n                            {item.icon &&\n                                item.icon({ isInverted, title: item.title })}\n                        </StyledLink>\n                    </IconContainer>\n                ))}\n            </List>\n        </View>\n    );\n};\n\nexport default SocialList;\n"],"names":["View","styled","div","spacings","nudge","List","ul","IconContainer","li","templateObject_3","__makeTemplateObject","StyledLink","Link","templateObject_4","_a","theme","isInverted","color","text","inverted","default","primary","SocialList","_b","title","items","className","React","createElement","Copy","type","map","item","i","key","isExternal","href","ariaLabel","concat","icon"],"mappings":"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"}
+{"version":3,"file":"SocialList-4396cad9.js","sources":["../src/components/blocks/SocialList.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\nimport Link from 'components/typography/Link';\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * {\n        margin: 0;\n        padding: 0;\n    }\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst List = styled.ul`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: center;\n    list-style: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 3}px;\n    }\n`;\n\nconst IconContainer = styled.li`\n    display: block;\n    padding: 0;\n`;\n\nconst StyledLink = styled(Link)`\n    display: block;\n    padding: ${spacings.nudge * 2}px ${spacings.nudge * 1.5}px;\n    margin: -${spacings.nudge * 2}px -${spacings.nudge * 1.5}px;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    outline: none;\n\n    transition: all ease-in-out 0.2s;\n\n    &:focus {\n        outline: none;\n    }\n\n    &:focus > * {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) > * {\n        outline: none;\n    }\n`;\n\nexport interface SocialItem {\n    href: string;\n    icon: (props: { isInverted?: boolean; title?: string }) => React.ReactNode;\n    title?: string;\n}\n\nconst SocialList: FC<{\n    isInverted?: boolean;\n    title?: string;\n    items?: SocialItem[];\n    className?: string;\n}> = ({ isInverted = false, title, items, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            <List>\n                {items?.map((item, i) => (\n                    <IconContainer key={i}>\n                        <StyledLink\n                            isExternal\n                            href={item.href}\n                            isInverted={isInverted}\n                            ariaLabel={item.title || `social_${i}`}\n                        >\n                            {item.icon &&\n                                item.icon({ isInverted, title: item.title })}\n                        </StyledLink>\n                    </IconContainer>\n                ))}\n            </List>\n        </View>\n    );\n};\n\nexport default SocialList;\n"],"names":["View","styled","div","spacings","nudge","List","ul","IconContainer","li","templateObject_3","__makeTemplateObject","StyledLink","Link","templateObject_4","_a","theme","isInverted","color","text","inverted","default","primary","SocialList","_b","title","items","className","React","createElement","Copy","type","map","item","i","key","isExternal","href","ariaLabel","concat","icon"],"mappings":"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"}

package/esm/{TableBlock-0bbde956.js → TableBlock-26530c71.js}

@@ -1,15 +1,14 @@
-import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-8784ddac.js';
+import { a as __makeTemplateObject } from './ClockFilled-6bae80dc.js';
 import React__default, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { H as Heading, c as copyStyle, C as Copy } from './Copy-3444d005.js';
-import { s as spacings, g as getColors } from './styles-5f78e59d.js';
-import { u as useLibTheme } from './LibThemeProvider-90a5375f.js';
-import { L as Link } from './Link-ee8a48ed.js';
+import { H as Heading, C as Copy } from './Copy-fb124972.js';
+import { s as spacings, g as getColors } from './styles-f6c54818.js';
+import { u as useLibTheme } from './LibThemeProvider-a38c5bf1.js';
 
-var View$2 = styled.div.withConfig({
+var View$1 = styled.div.withConfig({
   displayName: "Title__View",
   componentId: "sc-1pyc768-0"
-})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    display: block;\n    text-align: ", ";\n    margin: ", ";\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'left';
 }, function (_a) {
@@ -19,7 +18,7 @@ var View$2 = styled.div.withConfig({
 var SuperTitle = styled(Heading).withConfig({
   displayName: "Title__SuperTitle",
   componentId: "sc-1pyc768-1"
-})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"], ["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"])));
+})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"], ["\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n"])));
 var MainTitle = styled(Heading).withConfig({
   displayName: "Title__MainTitle",
   componentId: "sc-1pyc768-2"
@@ -43,7 +42,7 @@ var Title = function (_a) {
       titleHyphens = _a.titleHyphens,
       className = _a.className;
   var colors = useLibTheme().colors;
-  return React__default.createElement(View$2, {
+  return React__default.createElement(View$1, {
     isCentered: isCentered,
     className: className
   }, superTitle && React__default.createElement(SuperTitle, {
@@ -62,65 +61,7 @@ var Title = function (_a) {
     maxLines: maxLines
   }));
 };
-var templateObject_1$2, templateObject_2$2, templateObject_3$1, templateObject_4$1;
-
-var View$1 = styled(Link).withConfig({
-  displayName: "Tag__View",
-  componentId: "sc-1mw8uhi-0"
-})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    display: inline-block;\n    border: 1px solid\n        ", ";\n    border-radius: 8px;\n\n    padding: 1px ", "px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ", "\n\n    background: none;\n\n    && {\n        background-color: ", ";\n        color: ", ";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ", ";\n\n    ", "\n\n    &:focus {\n        /* background-color: ", ";\n        color: ", "; */\n        outline: 2px solid\n            ", ";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"], ["\n    display: inline-block;\n    border: 1px solid\n        ", ";\n    border-radius: 8px;\n\n    padding: 1px ", "px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ", "\n\n    background: none;\n\n    && {\n        background-color: ", ";\n        color: ", ";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ", ";\n\n    ", "\n\n    &:focus {\n        /* background-color: ", ";\n        color: ", "; */\n        outline: 2px solid\n            ", ";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"])), function (_a) {
-  var isInverted = _a.isInverted;
-  return isInverted ? '#dddddd' : '#444444';
-}, spacings.nudge, copyStyle('copy', 'small'), function (_a) {
-  var isActive = _a.isActive,
-      isInverted = _a.isInverted;
-  return isActive && (isInverted ? '#dddddd' : '#444444');
-}, function (_a) {
-  var isActive = _a.isActive,
-      isInverted = _a.isInverted;
-
-  if (isActive) {
-    return isInverted ? '#444444' : '#ffff';
-  } else {
-    return isInverted ? '#dddddd' : '#444444';
-  }
-}, function (_a) {
-  var isClickable = _a.isClickable;
-  return isClickable ? 'pointer' : 'default';
-}, function (_a) {
-  var isClickable = _a.isClickable,
-      isInverted = _a.isInverted;
-  return isClickable && css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ", ";\n                    color: ", ";\n                }\n            }\n        "], ["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ", ";\n                    color: ", ";\n                }\n            }\n        "])), isInverted ? '#dddddd' : '#444444', isInverted ? '#444444' : '#ffff');
-}, function (_a) {
-  var isInverted = _a.isInverted;
-  return isInverted ? '#dddddd' : '#444444';
-}, function (_a) {
-  var isInverted = _a.isInverted;
-  return isInverted ? '#444444' : '#ffff';
-}, function (_a) {
-  var isInverted = _a.isInverted,
-      theme = _a.theme;
-  return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
-});
-
-var Tag = function (_a) {
-  var name = _a.name,
-      link = _a.link,
-      isInverted = _a.isInverted,
-      isActive = _a.isActive,
-      onClick = _a.onClick,
-      className = _a.className,
-      children = _a.children;
-  var tag = (link === null || link === void 0 ? void 0 : link.href) ? 'a' : onClick ? 'button' : 'span';
-  return React__default.createElement(View$1, __assign({
-    as: tag,
-    isInverted: isInverted,
-    isActive: isActive,
-    onClick: onClick,
-    isClickable: !!onClick || !!(link && link.href),
-    className: className
-  }, link), name || children);
-};
-var templateObject_1$1, templateObject_2$1;
+var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4$1;
 
 var View = styled.div.withConfig({
   displayName: "TableBlock__View",
@@ -214,5 +155,5 @@ var TableBlock = forwardRef(function (_a, ref) {
 TableBlock.displayName = 'TableBlock';
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
-export { Title as T, Tag as a, TableBlock as b };
-//# sourceMappingURL=TableBlock-0bbde956.js.map
+export { Title as T, TableBlock as a };
+//# sourceMappingURL=TableBlock-26530c71.js.map

package/esm/TableBlock-26530c71.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock-26530c71.js","sources":["../src/components/blocks/Title.tsx","../src/components/blocks/TableBlock.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Heading, { HeadlineTag } from 'components/typography/Heading';\nimport { FontType, spacings } from 'utils/styles';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nconst View = styled.div<{ isCentered?: boolean }>`\n    display: block;\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin: ${({ isCentered }) => isCentered && '0 auto'};\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst SuperTitle = styled(Heading)`\n    display: block;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display: -webkit-box;\n    -webkit-line-clamp: 2; /* number of lines to show */\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n`;\n\nconst MainTitle = styled(Heading)<{ maxLines?: number }>`\n    display: block;\n\n    ${({ maxLines }) =>\n        maxLines &&\n        maxLines > 0 &&\n        css`\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: -webkit-box;\n            -webkit-line-clamp: ${maxLines}; /* number of lines to show */\n            line-clamp: ${maxLines};\n            -webkit-box-orient: vertical;\n        `}\n`;\n\nexport type TitleSize = Extract<FontType, 'heading-1' | 'heading-2'>;\n\nconst Title: FC<{\n    /**\n     * Text color mode mostly background dependent.\n     * The value onImage is used if the title is placed on an underlying image\n     * */\n    colorMode?: 'default' | 'inverted' | 'onImage';\n\n    /** Superior title that stands above main title */\n    superTitle?: string;\n\n    /** Superior title HTML tag type (h3, h4 ...) */\n    superTitleAs?: HeadlineTag;\n\n    /** Main title text */\n    title?: string;\n\n    /** Main title HTML tag type (h2, h3, h4...) */\n    titleAs?: HeadlineTag;\n\n    /** Style type of main title */\n    titleSize?: TitleSize;\n\n    /** Clamp lines of text to specific number */\n    maxLines?: number;\n\n    /** Center texts */\n    isCentered?: boolean;\n\n    /** Enable titel text hypens */\n    titleHyphens?: boolean;\n\n    className?: string;\n}> = ({\n    colorMode = 'default',\n    superTitle,\n    superTitleAs,\n    title,\n    titleAs,\n    titleSize = 'heading-2',\n    maxLines,\n    isCentered = false,\n    titleHyphens,\n    className,\n}) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <View isCentered={isCentered} className={className}>\n            {superTitle && (\n                <SuperTitle\n                    renderAs={superTitleAs || 'div'}\n                    size=\"super\"\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={superTitle}\n                />\n            )}\n            {title && (\n                <MainTitle\n                    renderAs={titleAs || 'h2'}\n                    size={titleSize === 'heading-1' ? 'heading-1' : 'heading-2'}\n                    hyphens={titleHyphens}\n                    textColor={\n                        colorMode === 'onImage'\n                            ? colors.text.inverted\n                            : undefined\n                    }\n                    isInverted={colorMode === 'inverted'}\n                    innerHTML={title}\n                    maxLines={maxLines}\n                />\n            )}\n        </View>\n    );\n};\n\nexport default Title;\n","import Copy from 'components/typography/Copy';\nimport React, { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { getColors as color, spacings } from 'utils/styles';\n\nconst View = styled.div`\n    &:focus {\n        outline: 1px dashed ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\n\nconst Caption = styled(Copy)`\n    margin-bottom: ${spacings.nudge}px;\n    padding: 0 ${spacings.nudge * 2}px;\n    text-align: left;\n`;\n\nconst TableContainer = styled.div`\n    overflow-x: scroll;\n    overflow-y: hidden;\n    white-space: nowrap;\n\n    &:focus {\n        outline: none;\n        border: 1px solid ${({ theme }) => color(theme).primary.default};\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        border: none;\n    }\n\n    &::-webkit-scrollbar {\n        display: none;\n        scrollbar-width: none;\n    }\n`;\n\nconst TableBody = styled.table`\n    width: 100%;\n    max-width: 100%;\n\n    border-collapse: separate;\n    border-spacing: 0 ${spacings.nudge * 0.5}px;\n\n    padding: 0 ${spacings.nudge * 2}px;\n`;\n\nconst TableHead = styled(Copy)<{\n    isInverted?: boolean;\n    alignRight?: boolean;\n}>`\n    text-align: left;\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    background-color: ${({ theme, isInverted }) =>\n        isInverted\n            ? color(theme).elementBg.dark\n            : color(theme).elementBg.medium};\n\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    :last-child {\n        padding-right: ${spacings.spacer * 2.5}px;\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n    }\n`;\n\nconst TableData = styled(Copy)<{\n    hasBack?: boolean;\n    alignRight?: boolean;\n}>`\n    padding: 0 ${spacings.nudge * 3}px;\n    height: 56px;\n    box-sizing: content-box;\n\n    background-color: ${({ hasBack, theme }) =>\n        hasBack ? color(theme).elementBg.light : color(theme).elementBg.medium};\n\n    :last-child {\n        text-align: ${({ alignRight }) => (alignRight ? 'right' : 'left')};\n        padding-right: ${spacings.spacer * 2.5}px;\n    }\n`;\n\nexport interface TableProps {\n    tableTitle?: string;\n    rowTitle?: string[];\n    row: Array<{\n        cols: string[];\n    }>;\n    isInverted?: boolean;\n    hasBack?: boolean;\n    lastCol?: 'left' | 'right';\n}\n\nconst TableBlock = forwardRef<HTMLDivElement, TableProps>(\n    (\n        {\n            row,\n            tableTitle,\n            rowTitle,\n            isInverted = false,\n            hasBack = false,\n            lastCol = 'left',\n        },\n        ref\n    ) => {\n        return (\n            <View ref={ref}>\n                <TableContainer tabIndex={1}>\n                    <TableBody>\n                        {tableTitle && (\n                            <Caption\n                                renderAs=\"caption\"\n                                type=\"copy-b\"\n                                isInverted={isInverted}\n                            >\n                                {tableTitle}\n                            </Caption>\n                        )}\n                        {rowTitle && (\n                            <thead>\n                                <tr>\n                                    {rowTitle.map((item, ii) => (\n                                        <TableHead\n                                            key={ii}\n                                            type=\"copy-b\"\n                                            renderAs=\"th\"\n                                            isInverted={!isInverted}\n                                            alignRight={lastCol === 'right'}\n                                        >\n                                            {item}\n                                        </TableHead>\n                                    ))}\n                                </tr>\n                            </thead>\n                        )}\n                        <tbody>\n                            {row.map(({ cols }, i) => (\n                                <tr key={i}>\n                                    {cols.map((itemText, ii) => {\n                                        return (\n                                            <TableData\n                                                key={ii}\n                                                renderAs=\"td\"\n                                                hasBack={hasBack}\n                                                alignRight={lastCol === 'right'}\n                                                innerHTML={itemText}\n                                            />\n                                        );\n                                    })}\n                                </tr>\n                            ))}\n                        </tbody>\n                    </TableBody>\n                </TableContainer>\n            </View>\n        );\n    }\n);\n\nTableBlock.displayName = 'TableBlock';\n\nexport default TableBlock;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","isCentered","spacings","nudge","SuperTitle","Heading","templateObject_2","MainTitle","templateObject_4","maxLines","css","Title","_b","colorMode","superTitle","superTitleAs","title","titleAs","_c","titleSize","_d","titleHyphens","className","colors","useLibTheme","React","createElement","renderAs","size","textColor","text","inverted","undefined","isInverted","innerHTML","hyphens","theme","color","primary","default","Caption","Copy","TableContainer","templateObject_3","TableBody","table","TableHead","templateObject_5","elementBg","dark","medium","spacer","alignRight","TableData","templateObject_6","hasBack","light","TableBlock","forwardRef","ref","row","tableTitle","rowTitle","lastCol","tabIndex","type","map","item","ii","key","i","cols","itemText","displayName"],"mappings":"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"}

package/esm/Tag-72424779.js

@@ -0,0 +1,67 @@
+import { a as __makeTemplateObject, _ as __assign } from './ClockFilled-6bae80dc.js';
+import React__default from 'react';
+import styled, { css } from 'styled-components';
+import { c as copyStyle } from './Copy-fb124972.js';
+import { L as Link } from './Link-0a1e35d6.js';
+import { s as spacings, g as getColors } from './styles-f6c54818.js';
+
+var View = styled(Link).withConfig({
+  displayName: "Tag__View",
+  componentId: "sc-1mw8uhi-0"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: inline-block;\n    border: 1px solid\n        ", ";\n    border-radius: 8px;\n\n    padding: 1px ", "px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ", "\n\n    background: none;\n\n    && {\n        background-color: ", ";\n        color: ", ";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ", ";\n\n    ", "\n\n    &:focus {\n        /* background-color: ", ";\n        color: ", "; */\n        outline: 2px solid\n            ", ";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"], ["\n    display: inline-block;\n    border: 1px solid\n        ", ";\n    border-radius: 8px;\n\n    padding: 1px ", "px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ", "\n\n    background: none;\n\n    && {\n        background-color: ", ";\n        color: ", ";\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ", ";\n\n    ", "\n\n    &:focus {\n        /* background-color: ", ";\n        color: ", "; */\n        outline: 2px solid\n            ", ";\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n"])), function (_a) {
+  var isInverted = _a.isInverted;
+  return isInverted ? '#dddddd' : '#444444';
+}, spacings.nudge, copyStyle('copy', 'small'), function (_a) {
+  var isActive = _a.isActive,
+      isInverted = _a.isInverted;
+  return isActive && (isInverted ? '#dddddd' : '#444444');
+}, function (_a) {
+  var isActive = _a.isActive,
+      isInverted = _a.isInverted;
+
+  if (isActive) {
+    return isInverted ? '#444444' : '#ffff';
+  } else {
+    return isInverted ? '#dddddd' : '#444444';
+  }
+}, function (_a) {
+  var isClickable = _a.isClickable;
+  return isClickable ? 'pointer' : 'default';
+}, function (_a) {
+  var isClickable = _a.isClickable,
+      isInverted = _a.isInverted;
+  return isClickable && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ", ";\n                    color: ", ";\n                }\n            }\n        "], ["\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ", ";\n                    color: ", ";\n                }\n            }\n        "])), isInverted ? '#dddddd' : '#444444', isInverted ? '#444444' : '#ffff');
+}, function (_a) {
+  var isInverted = _a.isInverted;
+  return isInverted ? '#dddddd' : '#444444';
+}, function (_a) {
+  var isInverted = _a.isInverted;
+  return isInverted ? '#444444' : '#ffff';
+}, function (_a) {
+  var isInverted = _a.isInverted,
+      theme = _a.theme;
+  return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
+});
+
+var Tag = function (_a) {
+  var name = _a.name,
+      link = _a.link,
+      isInverted = _a.isInverted,
+      isActive = _a.isActive,
+      onClick = _a.onClick,
+      className = _a.className,
+      children = _a.children;
+  var tag = (link === null || link === void 0 ? void 0 : link.href) ? 'a' : onClick ? 'button' : 'span';
+  return React__default.createElement(View, __assign({
+    as: tag,
+    isInverted: isInverted,
+    isActive: isActive,
+    onClick: onClick,
+    isClickable: !!onClick || !!(link && link.href),
+    className: className
+  }, link), name || children);
+};
+var templateObject_1, templateObject_2;
+
+export { Tag as T };
+//# sourceMappingURL=Tag-72424779.js.map

package/esm/Tag-72424779.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag-72424779.js","sources":["../src/components/blocks/Tag.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { getColors, spacings } from 'utils/styles';\n\nconst View = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    isClickable?: boolean;\n}>`\n    display: inline-block;\n    border: 1px solid\n        ${({ isInverted }) => (isInverted ? '#dddddd' : '#444444')};\n    border-radius: 8px;\n\n    padding: 1px ${spacings.nudge}px;\n    max-height: 28px;\n    min-width: 60px;\n    user-select: none;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    text-align: center;\n\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n\n    background: none;\n\n    && {\n        background-color: ${({ isActive, isInverted }) =>\n            isActive && (isInverted ? '#dddddd' : '#444444')};\n        color: ${({ isActive, isInverted }) => {\n            if (isActive) {\n                return isInverted ? '#444444' : '#ffff';\n            } else {\n                return isInverted ? '#dddddd' : '#444444';\n            }\n        }};\n\n        transition: background-color 0.2s ease-in-out, color 0.1s ease-in-out;\n    }\n\n    cursor: ${({ isClickable }) => (isClickable ? 'pointer' : 'default')};\n\n    ${({ isClickable, isInverted }) =>\n        isClickable &&\n        css`\n            @media (hover: hover) and (pointer: fine) {\n                &&:hover {\n                    background-color: ${isInverted ? '#dddddd' : '#444444'};\n                    color: ${isInverted ? '#444444' : '#ffff'};\n                }\n            }\n        `}\n\n    &:focus {\n        /* background-color: ${({ isInverted }) =>\n            isInverted ? '#dddddd' : '#444444'};\n        color: ${({ isInverted }) => (isInverted ? '#444444' : '#ffff')}; */\n        outline: 2px solid\n            ${({ isInverted, theme }) =>\n                isInverted\n                    ? getColors(theme).primary.inverted\n                    : getColors(theme).primary.default};\n        outline-offset: -1px;\n        text-decoration: underline;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n        text-decoration: none;\n    }\n`;\n\nexport interface TagProps {\n    name?: string;\n    link?: LinkProps;\n}\n\nconst Tag: FC<\n    TagProps & {\n        /** Invert colors to use on dark background */\n        isInverted?: boolean;\n\n        /** Highlight tag if active */\n        isActive?: boolean;\n\n        /** Click callback */\n        onClick?: (ev?: React.SyntheticEvent<HTMLElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n    }\n> = ({ name, link, isInverted, isActive, onClick, className, children }) => {\n    const tag = link?.href ? 'a' : onClick ? 'button' : 'span';\n\n    return (\n        <View\n            as={tag}\n            isInverted={isInverted}\n            isActive={isActive}\n            onClick={onClick}\n            isClickable={!!onClick || !!(link && link.href)}\n            className={className}\n            {...link}\n        >\n            {name || children}\n        </View>\n    );\n};\n\nexport default Tag;\n"],"names":["View","styled","Link","templateObject_2","__makeTemplateObject","_a","isInverted","spacings","nudge","copyStyle","isActive","isClickable","css","templateObject_1","theme","getColors","primary","inverted","default","Tag","name","link","onClick","className","children","tag","href","React","__assign","as"],"mappings":"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"}