@blateral/b.kit 2.8.4 → 3.0.1

package/esm/Button-1f634865.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-1f634865.js","sources":["../src/components/buttons/Button.tsx"],"sourcesContent":["import React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    mq,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    isDisabled?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\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    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n    text-decoration: none;\n\n    outline: none;\n    border: 1px solid transparent;\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'all')};\n\n    background-color: ${({ theme, inverted, isDisabled }) =>\n        isDisabled\n            ? color(theme).elementBg.medium\n            : inverted\n            ? color(theme).primary.inverted\n            : color(theme).primary.default};\n    color: ${({ theme, inverted, isDisabled }) =>\n        isDisabled\n            ? hexToRgba(color(theme).text.default, 0.4)\n            : !inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n    text-align: left;\n\n    transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, isDisabled }) =>\n            isDisabled\n                ? hexToRgba(color(theme).text.default, 0.4)\n                : !inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n    & > *[data-btn-desktop] + *[data-btn-mobile] {\n        margin-left: 0;\n    }\n    & > *[data-btn-mobile] + *[data-btn-desktop] {\n        margin-left: 0;\n    }\n    & > *[data-btn-desktop] {\n        display: none;\n    }\n    & > *:not([data-btn-desktop]) + * {\n        margin-left: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ${({ theme, isDisabled, inverted }) =>\n                isDisabled\n                    ? color(theme).elementBg.medium\n                    : inverted\n                    ? color(theme).primary.invertedHover\n                    : color(theme).primary.hover};\n        }\n    }\n\n    ${({ isDisabled, inverted, theme }) =>\n        !isDisabled &&\n        css`\n            &:focus-visible {\n                outline: 2px solid\n                    ${isDisabled\n                        ? color(theme).elementBg.medium\n                        : inverted\n                        ? color(theme).primary.inverted\n                        : color(theme).primary.default};\n\n                outline-offset: 2px;\n            }\n\n            @media (hover: none) {\n                &:active:not(:focus-visible) {\n                    text-decoration: none;\n                    outline: none;\n\n                    background-color: ${inverted\n                        ? color(theme).primary.invertedHover\n                        : color(theme).primary.hover};\n\n                    transition: 0.2s background-color ease-in-out;\n                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                    -webkit-tap-highlight-color: transparent;\n                }\n            }\n        `}\n\n    @media ${mq.semilarge} {\n        & > *[data-btn-desktop='true'] {\n            display: inherit;\n        }\n        & > *[data-btn-mobile='true'] {\n            display: none;\n        }\n        & > *:not([data-btn-mobile='true']) + * {\n            margin-left: 0;\n        }\n    }\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    ariaLabel?: string;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nexport type DecoratorProps = Props & {\n    as?: 'decorator';\n    onClick?: (ev: React.SyntheticEvent<HTMLSpanElement>) => void;\n};\n\nconst Button = React.forwardRef<\n    HTMLElement,\n    BtnProps | LinkProps | DecoratorProps\n>(\n    (\n        {\n            as = 'a',\n            size = 'default',\n            isInverted,\n            isDisabled,\n            ariaLabel,\n            onClick,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        switch (as) {\n            case 'button': {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLButtonElement>}\n                        as=\"button\"\n                        tabIndex={isDisabled ? -1 : 0}\n                        size={size}\n                        inverted={isInverted}\n                        aria-label={ariaLabel}\n                        disabled={isDisabled}\n                        isDisabled={isDisabled}\n                        onClick={\n                            onClick as (\n                                ev: React.SyntheticEvent<HTMLButtonElement>\n                            ) => void\n                        }\n                        className={className}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n\n            case 'a': {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLAnchorElement>}\n                        as={as}\n                        tabIndex={isDisabled ? -1 : 0}\n                        aria-disabled={isDisabled}\n                        aria-label={ariaLabel}\n                        size={size}\n                        href={(rest as LinkProps).href}\n                        target={\n                            (rest as LinkProps).isExternal\n                                ? '_blank'\n                                : undefined\n                        }\n                        rel={\n                            (rest as LinkProps).isExternal\n                                ? 'noopener'\n                                : undefined\n                        }\n                        inverted={isInverted}\n                        isDisabled={isDisabled}\n                        onClick={\n                            onClick as (\n                                ev: React.SyntheticEvent<HTMLAnchorElement>\n                            ) => void\n                        }\n                        className={className}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n\n            default: {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLSpanElement>}\n                        as=\"span\"\n                        tabIndex={isDisabled ? -1 : 0}\n                        size={size}\n                        inverted={isInverted}\n                        isDisabled={isDisabled}\n                        aria-disabled={isDisabled}\n                        aria-label={ariaLabel}\n                        onClick={\n                            onClick as (\n                                ev: React.SyntheticEvent<HTMLSpanElement>\n                            ) => void\n                        }\n                        className={className}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n        }\n    }\n);\n\nButton.displayName = 'Button';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: Button, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","templateObject_2","__makeTemplateObject","_a","size","spacings","spacer","theme","font","copy","medium","family","withRange","weight","letterSpacing","global","sections","edgeRadius","isDisabled","inverted","color","elementBg","primary","default","hexToRgba","text","nudge","invertedHover","hover","css","templateObject_1","mq","semilarge","Button","React","forwardRef","ref","_b","as","_c","isInverted","ariaLabel","onClick","className","children","rest","__rest","createElement","__assign","tabIndex","disabled","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_3","iconColor","Label","span","templateObject_4"],"mappings":"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"}

package/esm/ButtonGhost-476c3826.js

@@ -0,0 +1,146 @@
+import { a as __makeTemplateObject, d as __rest, _ as __assign } from './ButtonLeft-a9a132f5.js';
+import * as React from 'react';
+import styled, { css } from 'styled-components';
+import { h as hexToRgba } from './hexRgbConverter-edb91624.js';
+import { s as spacings, a as getFonts, w as withRange, g as getColors, c as getGlobals } from './styles-f3ba5bae.js';
+
+var View = styled.a.withConfig({
+  displayName: "ButtonGhost__View",
+  componentId: "sc-y4lhy8-0"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    min-height: 3em;\n    height: ", ";\n    min-width: ", ";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ", "px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    border: solid 1px\n        ", ";\n    border-radius: ", ";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background-color: transparent;\n    color: ", ";\n\n    transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;\n\n    & > * {\n        color: ", ";\n    }\n\n    & > :not(:last-child) {\n        padding-right: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ", ";\n        }\n    }\n\n    ", "\n"], ["\n    min-height: 3em;\n    height: ", ";\n    min-width: ", ";\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ", "px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\n    vertical-align: middle;\n\n    font-family: ", ";\n    ", "\n    font-weight: ", ";\n    line-height: 1;\n    letter-spacing: ", ";\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    border: solid 1px\n        ", ";\n    border-radius: ", ";\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ", ";\n\n    background-color: transparent;\n    color: ", ";\n\n    transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;\n\n    & > * {\n        color: ", ";\n    }\n\n    & > :not(:last-child) {\n        padding-right: ", "px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ", ";\n        }\n    }\n\n    ", "\n"])), function (_a) {
+  var size = _a.size;
+  return size === 'default' ? '3.5em' : '3em';
+}, function (_a) {
+  var size = _a.size;
+  return size === 'default' ? '200px' : '120px';
+}, spacings.spacer, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).copy.medium.family;
+}, function (_a) {
+  var theme = _a.theme;
+  return withRange(getFonts(theme).copy.medium.size, 'font-size');
+}, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).copy.medium.weight;
+}, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).copy.medium.letterSpacing;
+}, function (_a) {
+  var inverted = _a.inverted,
+      isDisabled = _a.isDisabled,
+      theme = _a.theme;
+  return isDisabled ? getColors(theme).elementBg.medium : inverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.dark;
+}, function (_a) {
+  var theme = _a.theme;
+  return getGlobals(theme).sections.edgeRadius;
+}, function (_a) {
+  var isDisabled = _a.isDisabled;
+  return isDisabled ? 'none' : 'all';
+}, function (_a) {
+  var theme = _a.theme,
+      inverted = _a.inverted,
+      isDisabled = _a.isDisabled;
+  return isDisabled ? inverted ? hexToRgba(getColors(theme).text.inverted, 0.6) : hexToRgba(getColors(theme).text.default, 0.6) : inverted ? getColors(theme).text.inverted : getColors(theme).text.default;
+}, function (_a) {
+  var theme = _a.theme,
+      inverted = _a.inverted,
+      isDisabled = _a.isDisabled;
+  return isDisabled ? inverted ? hexToRgba(getColors(theme).text.inverted, 0.6) : hexToRgba(getColors(theme).text.default, 0.6) : inverted ? getColors(theme).text.inverted : getColors(theme).text.default;
+}, spacings.nudge, function (_a) {
+  var theme = _a.theme,
+      isDisabled = _a.isDisabled,
+      inverted = _a.inverted;
+  return isDisabled ? getColors(theme).elementBg.medium : inverted ? getColors(theme).elementBg.dark : getColors(theme).elementBg.medium;
+}, function (_a) {
+  var isDisabled = _a.isDisabled,
+      inverted = _a.inverted,
+      theme = _a.theme;
+  return !isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            &:focus-visible {\n                outline: 2px solid\n                    ", ";\n                outline-offset: 2px;\n            }\n\n            @media (hover: none) {\n                &:active:not(:focus-visible) {\n                    background-color: ", ";\n                    transition: 0.2s background-color ease-in-out;\n                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                    -webkit-tap-highlight-color: transparent;\n                }\n            }\n        "], ["\n            &:focus-visible {\n                outline: 2px solid\n                    ", ";\n                outline-offset: 2px;\n            }\n\n            @media (hover: none) {\n                &:active:not(:focus-visible) {\n                    background-color: ", ";\n                    transition: 0.2s background-color ease-in-out;\n                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                    -webkit-tap-highlight-color: transparent;\n                }\n            }\n        "])), inverted ? getColors(theme).primary.inverted : getColors(theme).primary.default, inverted ? getColors(theme).elementBg.dark : getColors(theme).elementBg.medium);
+});
+var ButtonGhost = React.forwardRef(function (_a, ref) {
+  var _b = _a.as,
+      as = _b === void 0 ? 'a' : _b,
+      _c = _a.size,
+      size = _c === void 0 ? 'default' : _c,
+      isInverted = _a.isInverted,
+      isDisabled = _a.isDisabled,
+      onClick = _a.onClick,
+      ariaLabel = _a.ariaLabel,
+      className = _a.className,
+      children = _a.children,
+      rest = __rest(_a, ["as", "size", "isInverted", "isDisabled", "onClick", "ariaLabel", "className", "children"]);
+
+  switch (as) {
+    case 'button':
+      {
+        return React.createElement(View, __assign({
+          ref: ref,
+          as: "button",
+          tabIndex: isDisabled ? -1 : 0,
+          size: size,
+          inverted: isInverted,
+          disabled: isDisabled,
+          isDisabled: isDisabled,
+          "aria-label": ariaLabel,
+          onClick: onClick,
+          className: className
+        }, rest), children);
+      }
+
+    case 'a':
+      {
+        return React.createElement(View, __assign({
+          ref: ref,
+          as: as,
+          tabIndex: isDisabled ? -1 : 0,
+          "aria-disabled": isDisabled,
+          "aria-label": ariaLabel,
+          size: size,
+          href: rest.href,
+          target: rest.isExternal ? '_blank' : undefined,
+          rel: rest.isExternal ? 'noopener' : undefined,
+          inverted: isInverted,
+          isDisabled: isDisabled,
+          onClick: onClick,
+          className: className
+        }, rest), children);
+      }
+
+    default:
+      {
+        return React.createElement(View, __assign({
+          ref: ref,
+          as: "span",
+          tabIndex: isDisabled ? -1 : 0,
+          "aria-disabled": isDisabled,
+          "aria-label": ariaLabel,
+          size: size,
+          inverted: isInverted,
+          isDisabled: isDisabled,
+          onClick: onClick,
+          className: className
+        }, rest), children);
+      }
+  }
+});
+ButtonGhost.displayName = 'Button Ghost';
+var Icon = styled.div.withConfig({
+  displayName: "ButtonGhost__Icon",
+  componentId: "sc-y4lhy8-1"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"], ["\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ", ";\n\n    transition: transform 0.2s ease-in-out;\n\n    ", ":hover > & {\n        transform: translateX(3px);\n    }\n"])), function (_a) {
+  var iconColor = _a.iconColor;
+  return iconColor || 'inherit';
+}, View);
+var Label = styled.span.withConfig({
+  displayName: "ButtonGhost__Label",
+  componentId: "sc-y4lhy8-2"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"], ["\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n"])));
+var ButtonGhost$1 = {
+  View: ButtonGhost,
+  Label: Label,
+  Icon: Icon
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+export { ButtonGhost$1 as B };
+//# sourceMappingURL=ButtonGhost-476c3826.js.map

package/esm/ButtonGhost-476c3826.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGhost-476c3826.js","sources":["../src/components/buttons/ButtonGhost.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { hexToRgba } from 'utils/hexRgbConverter';\n\nimport {\n    getColors as color,\n    getFonts as font,\n    getGlobals as global,\n    spacings,\n    withRange,\n} from 'utils/styles';\n\nconst View = styled.a<{\n    inverted?: boolean;\n    isDisabled?: boolean;\n    size?: 'default' | 'small';\n}>`\n    min-height: 3em;\n    height: ${({ size }) => (size === 'default' ? '3.5em' : '3em')};\n    min-width: ${({ size }) => (size === 'default' ? '200px' : '120px')};\n    padding: 0.1em 1.2em;\n\n    max-width: calc(100% - ${spacings.spacer}px);\n\n    display: inline-flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    justify-content: center;\n    align-items: center;\n\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    line-height: 1;\n    letter-spacing: ${({ theme }) => font(theme).copy.medium.letterSpacing};\n\n    text-align: center;\n    text-decoration: none;\n\n    outline: none;\n    border: solid 1px\n        ${({ inverted, isDisabled, theme }) =>\n            isDisabled\n                ? color(theme).elementBg.medium\n                : inverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n    user-select: none;\n    cursor: pointer;\n\n    pointer-events: ${({ isDisabled }) => (isDisabled ? 'none' : 'all')};\n\n    background-color: transparent;\n    color: ${({ theme, inverted, isDisabled }) =>\n        isDisabled\n            ? inverted\n                ? hexToRgba(color(theme).text.inverted, 0.6)\n                : hexToRgba(color(theme).text.default, 0.6)\n            : inverted\n            ? color(theme).text.inverted\n            : color(theme).text.default};\n\n    transition: color ease-in-out 0.2s, background-color ease-in-out 0.2s;\n\n    & > * {\n        color: ${({ theme, inverted, isDisabled }) =>\n            isDisabled\n                ? inverted\n                    ? hexToRgba(color(theme).text.inverted, 0.6)\n                    : hexToRgba(color(theme).text.default, 0.6)\n                : inverted\n                ? color(theme).text.inverted\n                : color(theme).text.default};\n    }\n\n    & > :not(:last-child) {\n        padding-right: ${spacings.nudge}px;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ${({ theme, isDisabled, inverted }) =>\n                isDisabled\n                    ? color(theme).elementBg.medium\n                    : inverted\n                    ? color(theme).elementBg.dark\n                    : color(theme).elementBg.medium};\n        }\n    }\n\n    ${({ isDisabled, inverted, theme }) =>\n        !isDisabled &&\n        css`\n            &:focus-visible {\n                outline: 2px solid\n                    ${inverted\n                        ? color(theme).primary.inverted\n                        : color(theme).primary.default};\n                outline-offset: 2px;\n            }\n\n            @media (hover: none) {\n                &:active:not(:focus-visible) {\n                    background-color: ${inverted\n                        ? color(theme).elementBg.dark\n                        : color(theme).elementBg.medium};\n                    transition: 0.2s background-color ease-in-out;\n                    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n                    -webkit-tap-highlight-color: transparent;\n                }\n            }\n        `}\n`;\n\ninterface Props {\n    size?: 'default' | 'small';\n    isInverted?: boolean;\n    isDisabled?: boolean;\n    ariaLabel?: string;\n    className?: string;\n    children?: React.ReactNode;\n}\n\nexport type BtnProps = Props & {\n    as?: 'button';\n    onClick?: (ev: React.SyntheticEvent<HTMLButtonElement>) => void;\n};\n\nexport type LinkProps = Props & {\n    as?: 'a';\n    href?: string;\n    onClick?: (ev: React.SyntheticEvent<HTMLAnchorElement>) => void;\n    isExternal?: boolean;\n};\n\nexport type DecoratorProps = Props & {\n    as?: 'decorator';\n    onClick?: (ev: React.SyntheticEvent<HTMLSpanElement>) => void;\n};\n\nconst ButtonGhost = React.forwardRef<\n    HTMLElement,\n    BtnProps | LinkProps | DecoratorProps\n>(\n    (\n        {\n            as = 'a',\n            size = 'default',\n            isInverted,\n            isDisabled,\n            onClick,\n            ariaLabel,\n            className,\n            children,\n            ...rest\n        },\n        ref\n    ) => {\n        switch (as) {\n            case 'button': {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLButtonElement>}\n                        as=\"button\"\n                        tabIndex={isDisabled ? -1 : 0}\n                        size={size}\n                        inverted={isInverted}\n                        disabled={isDisabled}\n                        isDisabled={isDisabled}\n                        aria-label={ariaLabel}\n                        onClick={\n                            onClick as (\n                                ev: React.SyntheticEvent<HTMLButtonElement>\n                            ) => void\n                        }\n                        className={className}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n\n            case 'a': {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLAnchorElement>}\n                        as={as}\n                        tabIndex={isDisabled ? -1 : 0}\n                        aria-disabled={isDisabled}\n                        aria-label={ariaLabel}\n                        size={size}\n                        href={(rest as LinkProps).href}\n                        target={\n                            (rest as LinkProps).isExternal\n                                ? '_blank'\n                                : undefined\n                        }\n                        rel={\n                            (rest as LinkProps).isExternal\n                                ? 'noopener'\n                                : undefined\n                        }\n                        inverted={isInverted}\n                        isDisabled={isDisabled}\n                        onClick={\n                            onClick as (\n                                ev: React.SyntheticEvent<HTMLAnchorElement>\n                            ) => void\n                        }\n                        className={className}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n\n            default: {\n                return (\n                    <View\n                        ref={ref as React.RefObject<HTMLSpanElement>}\n                        as=\"span\"\n                        tabIndex={isDisabled ? -1 : 0}\n                        aria-disabled={isDisabled}\n                        aria-label={ariaLabel}\n                        size={size}\n                        inverted={isInverted}\n                        isDisabled={isDisabled}\n                        onClick={\n                            onClick as (\n                                ev: React.SyntheticEvent<HTMLSpanElement>\n                            ) => void\n                        }\n                        className={className}\n                        {...rest}\n                    >\n                        {children}\n                    </View>\n                );\n            }\n        }\n    }\n);\n\nButtonGhost.displayName = 'Button Ghost';\n\nconst Icon = styled.div<{ iconColor?: string }>`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    align-items: center;\n    width: 35px;\n    height: 35px;\n\n    color: ${({ iconColor }) => iconColor || 'inherit'};\n\n    transition: transform 0.2s ease-in-out;\n\n    ${View}:hover > & {\n        transform: translateX(3px);\n    }\n`;\n\nconst Label = styled.span`\n    display: inline-block;\n\n    max-width: 100%;\n\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n`;\n\nexport default { View: ButtonGhost, Label: Label, Icon: Icon };\n"],"names":["View","styled","a","_a","size","spacings","spacer","theme","font","copy","medium","family","withRange","weight","letterSpacing","inverted","isDisabled","color","elementBg","light","dark","global","sections","edgeRadius","hexToRgba","text","default","nudge","css","templateObject_1","__makeTemplateObject","primary","ButtonGhost","React","forwardRef","ref","_b","as","_c","isInverted","onClick","ariaLabel","className","children","rest","__rest","createElement","__assign","tabIndex","disabled","href","target","isExternal","undefined","rel","displayName","Icon","div","templateObject_3","iconColor","Label","span","templateObject_4"],"mappings":"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"}