@skbkontur/react-ui 0.0.0-444dd4e7b3 → 0.0.0-48840c3b9c

package/components/Clickable/ClickableButtonOutline/ClickableButtonOutline.js

@@ -1,22 +0,0 @@
-import React, { useContext } from 'react';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { buttonOutlineStyles } from "../ClickableButtonOutline.styles";
-export var ClickableButtonOutline = function ClickableButtonOutline(_ref) {
-  var _cx;
-
-  var isWarning = _ref.isWarning,
-      isError = _ref.isError,
-      isDisabled = _ref.isDisabled,
-      isLoading = _ref.isLoading,
-      isFocused = _ref.isFocused;
-  var theme = useContext(ThemeContext);
-
-  if (isFocused || isDisabled || isLoading) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx((_cx = {}, _cx[buttonOutlineStyles.buttonOutline()] = true, _cx[buttonOutlineStyles.buttonOutlineWarning(theme)] = isWarning, _cx[buttonOutlineStyles.buttonOutlineError(theme)] = isError, _cx))
-  });
-};

package/components/Clickable/ClickableButtonOutline/ClickableButtonOutline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableButtonOutline.tsx"],"names":["React","useContext","ThemeContext","cx","buttonOutlineStyles","ClickableButtonOutline","isWarning","isError","isDisabled","isLoading","isFocused","theme","buttonOutline","buttonOutlineWarning","buttonOutlineError"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;;AAGA,SAASC,mBAAT,QAAoC,iCAApC;;;;;;;AAOA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB;;;;;;AAMH,aALjCC,SAKiC,QALjCA,SAKiC,CAJjCC,OAIiC,QAJjCA,OAIiC,CAHjCC,UAGiC,QAHjCA,UAGiC,CAFjCC,SAEiC,QAFjCA,SAEiC,CADjCC,SACiC,QADjCA,SACiC;AACjC,MAAMC,KAAK,GAAGV,UAAU,CAACC,YAAD,CAAxB;;AAEA,MAAIQ,SAAS,IAAIF,UAAb,IAA2BC,SAA/B,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED;AACE;AACE,MAAA,SAAS,EAAEN,EAAE;AACVC,MAAAA,mBAAmB,CAACQ,aAApB,EADU,IAC4B,IAD5B;AAEVR,MAAAA,mBAAmB,CAACS,oBAApB,CAAyCF,KAAzC,CAFU,IAEwCL,SAFxC;AAGVF,MAAAA,mBAAmB,CAACU,kBAApB,CAAuCH,KAAvC,CAHU,IAGsCJ,OAHtC,OADf,GADF;;;;AASD,CAtBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { ClickableButtonProps } from './ClickableButton';\nimport { buttonOutlineStyles } from './ClickableButtonOutline.styles';\n\ntype ClickableButtonOutlineProps = Pick<\n  ClickableButtonProps,\n  'isWarning' | 'isError' | 'isDisabled' | 'isLoading' | 'isFocused'\n>;\n\nexport const ClickableButtonOutline = ({\n  isWarning,\n  isError,\n  isDisabled,\n  isLoading,\n  isFocused,\n}: ClickableButtonOutlineProps) => {\n  const theme = useContext(ThemeContext);\n\n  if (isFocused || isDisabled || isLoading) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cx({\n        [buttonOutlineStyles.buttonOutline()]: true,\n        [buttonOutlineStyles.buttonOutlineWarning(theme)]: isWarning,\n        [buttonOutlineStyles.buttonOutlineError(theme)]: isError,\n      })}\n    />\n  );\n};\n"]}

package/components/Clickable/ClickableButtonOutline/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableButtonOutline.js",
-  "module": "ClickableButtonOutline",
-  "types": "../ClickableButtonOutline.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableButtonOutline.d.ts

@@ -1,4 +0,0 @@
-import { ClickableButtonProps } from './ClickableButton';
-declare type ClickableButtonOutlineProps = Pick<ClickableButtonProps, 'isWarning' | 'isError' | 'isDisabled' | 'isLoading' | 'isFocused'>;
-export declare const ClickableButtonOutline: ({ isWarning, isError, isDisabled, isLoading, isFocused, }: ClickableButtonOutlineProps) => JSX.Element | null;
-export {};

package/components/Clickable/ClickableButtonOutline.styles/ClickableButtonOutline.styles.js

@@ -1,16 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3;
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var buttonOutlineStyles = memoizeStyle({
-  buttonOutline: function buttonOutline() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    "])));
-  },
-  buttonOutlineWarning: function buttonOutlineWarning(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ",\n        inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorWarning, t.btnInsetWidth, t.btnInsetColor);
-  },
-  buttonOutlineError: function buttonOutlineError(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      box-shadow: 0 0 0 ", " ", ", inset 0 0 0 ", " ", ";\n    "])), t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
-  }
-});

package/components/Clickable/ClickableButtonOutline.styles/ClickableButtonOutline.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableButtonOutline.styles.ts"],"names":["css","memoizeStyle","buttonOutlineStyles","buttonOutline","buttonOutlineWarning","t","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","buttonOutlineError","btnBorderColorError"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,mBAAmB,GAAGD,YAAY,CAAC;AAC9CE,EAAAA,aAD8C,2BAC9B;AACd,WAAOH,GAAP;;;;;;;;AAQD,GAV6C;AAW9CI,EAAAA,oBAX8C,gCAWzBC,CAXyB,EAWf;AAC7B,WAAOL,GAAP;AACsBK,IAAAA,CAAC,CAACC,eADxB,EAC2CD,CAAC,CAACE,qBAD7C;AAEkBF,IAAAA,CAAC,CAACG,aAFpB,EAEqCH,CAAC,CAACI,aAFvC;;AAID,GAhB6C;AAiB9CC,EAAAA,kBAjB8C,8BAiB3BL,CAjB2B,EAiBjB;AAC3B,WAAOL,GAAP;AACsBK,IAAAA,CAAC,CAACC,eADxB,EAC2CD,CAAC,CAACM,mBAD7C,EACiFN,CAAC,CAACG,aADnF,EACoGH,CAAC,CAACI,aADtG;;AAGD,GArB6C,EAAD,CAAxC","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const buttonOutlineStyles = memoizeStyle({\n  buttonOutline() {\n    return css`\n      border-radius: inherit;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    `;\n  },\n  buttonOutlineWarning(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorWarning},\n        inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n  buttonOutlineError(t: Theme) {\n    return css`\n      box-shadow: 0 0 0 ${t.btnOutlineWidth} ${t.btnBorderColorError}, inset 0 0 0 ${t.btnInsetWidth} ${t.btnInsetColor};\n    `;\n  },\n});\n"]}

package/components/Clickable/ClickableButtonOutline.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableButtonOutline.styles.js",
-  "module": "ClickableButtonOutline.styles",
-  "types": "../ClickableButtonOutline.styles.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableButtonOutline.styles.d.ts

@@ -1,6 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const buttonOutlineStyles: {
-    buttonOutline(): string;
-    buttonOutlineWarning(t: Theme): string;
-    buttonOutlineError(t: Theme): string;
-};

package/components/Clickable/ClickableButtonWrapper/ClickableButtonWrapper.js

@@ -1,18 +0,0 @@
-import React, { useContext } from 'react';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { buttonWrapperStyles } from "../ClickableButtonWrapper.styles";
-export var ClickableButtonWrapper = function ClickableButtonWrapper(_ref) {
-  var _cx;
-
-  var width = _ref.width,
-      size = _ref.size,
-      children = _ref.children;
-  var theme = useContext(ThemeContext);
-  return /*#__PURE__*/React.createElement("span", {
-    style: {
-      width: width
-    },
-    className: cx((_cx = {}, _cx[buttonWrapperStyles.buttonWrapper(theme)] = true, _cx[buttonWrapperStyles.buttonWrapperSmall(theme)] = size === 'small' || size === undefined, _cx[buttonWrapperStyles.buttonWrapperMedium(theme)] = size === 'medium', _cx[buttonWrapperStyles.buttonWrapperLarge(theme)] = size === 'large', _cx))
-  }, children);
-};

package/components/Clickable/ClickableButtonWrapper/ClickableButtonWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableButtonWrapper.tsx"],"names":["React","useContext","ThemeContext","cx","buttonWrapperStyles","ClickableButtonWrapper","width","size","children","theme","buttonWrapper","buttonWrapperSmall","undefined","buttonWrapperMedium","buttonWrapperLarge"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;;AAGA,SAASC,mBAAT,QAAoC,iCAApC;;;;AAIA,OAAO,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4D,aAAzDC,KAAyD,QAAzDA,KAAyD,CAAlDC,IAAkD,QAAlDA,IAAkD,CAA5CC,QAA4C,QAA5CA,QAA4C;AAChG,MAAMC,KAAK,GAAGR,UAAU,CAACC,YAAD,CAAxB;;AAEA;AACE;AACE,MAAA,KAAK,EAAE,EAAEI,KAAK,EAALA,KAAF,EADT;AAEE,MAAA,SAAS,EAAEH,EAAE;AACVC,MAAAA,mBAAmB,CAACM,aAApB,CAAkCD,KAAlC,CADU,IACiC,IADjC;AAEVL,MAAAA,mBAAmB,CAACO,kBAApB,CAAuCF,KAAvC,CAFU,IAEsCF,IAAI,KAAK,OAAT,IAAoBA,IAAI,KAAKK,SAFnE;AAGVR,MAAAA,mBAAmB,CAACS,mBAApB,CAAwCJ,KAAxC,CAHU,IAGuCF,IAAI,KAAK,QAHhD;AAIVH,MAAAA,mBAAmB,CAACU,kBAApB,CAAuCL,KAAvC,CAJU,IAIsCF,IAAI,KAAK,OAJ/C,OAFf;;;AASGC,IAAAA,QATH,CADF;;;AAaD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { ClickableProps } from './Clickable';\nimport { buttonWrapperStyles } from './ClickableButtonWrapper.styles';\n\nexport type ClickableButtonWrapperProps = Pick<ClickableProps, 'width' | 'size' | 'children'>;\n\nexport const ClickableButtonWrapper = ({ width, size, children }: ClickableButtonWrapperProps) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <span\n      style={{ width }}\n      className={cx({\n        [buttonWrapperStyles.buttonWrapper(theme)]: true,\n        [buttonWrapperStyles.buttonWrapperSmall(theme)]: size === 'small' || size === undefined,\n        [buttonWrapperStyles.buttonWrapperMedium(theme)]: size === 'medium',\n        [buttonWrapperStyles.buttonWrapperLarge(theme)]: size === 'large',\n      })}\n    >\n      {children}\n    </span>\n  );\n};\n"]}

package/components/Clickable/ClickableButtonWrapper/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableButtonWrapper.js",
-  "module": "ClickableButtonWrapper",
-  "types": "../ClickableButtonWrapper.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableButtonWrapper.d.ts

@@ -1,3 +0,0 @@
-import { ClickableProps } from './Clickable';
-export declare type ClickableButtonWrapperProps = Pick<ClickableProps, 'width' | 'size' | 'children'>;
-export declare const ClickableButtonWrapper: ({ width, size, children }: ClickableButtonWrapperProps) => JSX.Element;

package/components/Clickable/ClickableButtonWrapper.styles/ClickableButtonWrapper.styles.js

@@ -1,19 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var buttonWrapperStyles = memoizeStyle({
-  buttonWrapper: function buttonWrapper(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ", ";\n    "])), t.btnBorderWidth);
-  },
-  buttonWrapperSmall: function buttonWrapperSmall(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightSmall);
-  },
-  buttonWrapperMedium: function buttonWrapperMedium(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightMedium);
-  },
-  buttonWrapperLarge: function buttonWrapperLarge(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.btnHeightLarge);
-  }
-});

package/components/Clickable/ClickableButtonWrapper.styles/ClickableButtonWrapper.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableButtonWrapper.styles.ts"],"names":["css","memoizeStyle","buttonWrapperStyles","buttonWrapper","t","btnBorderWidth","buttonWrapperSmall","btnHeightSmall","buttonWrapperMedium","btnHeightMedium","buttonWrapperLarge","btnHeightLarge"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,mBAAmB,GAAGD,YAAY,CAAC;AAC9CE,EAAAA,aAD8C,yBAChCC,CADgC,EACtB;AACtB,WAAOJ,GAAP;;;;AAIaI,IAAAA,CAAC,CAACC,cAJf;;AAMD,GAR6C;AAS9CC,EAAAA,kBAT8C,8BAS3BF,CAT2B,EASjB;AAC3B,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACG,cADd;;AAGD,GAb6C;AAc9CC,EAAAA,mBAd8C,+BAc1BJ,CAd0B,EAchB;AAC5B,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACK,eADd;;AAGD,GAlB6C;AAmB9CC,EAAAA,kBAnB8C,8BAmB3BN,CAnB2B,EAmBjB;AAC3B,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACO,cADd;;AAGD,GAvB6C,EAAD,CAAxC","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const buttonWrapperStyles = memoizeStyle({\n  buttonWrapper(t: Theme) {\n    return css`\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ${t.btnBorderWidth};\n    `;\n  },\n  buttonWrapperSmall(t: Theme) {\n    return css`\n      height: ${t.btnHeightSmall};\n    `;\n  },\n  buttonWrapperMedium(t: Theme) {\n    return css`\n      height: ${t.btnHeightMedium};\n    `;\n  },\n  buttonWrapperLarge(t: Theme) {\n    return css`\n      height: ${t.btnHeightLarge};\n    `;\n  },\n});\n"]}

package/components/Clickable/ClickableButtonWrapper.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableButtonWrapper.styles.js",
-  "module": "ClickableButtonWrapper.styles",
-  "types": "../ClickableButtonWrapper.styles.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableButtonWrapper.styles.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const buttonWrapperStyles: {
-    buttonWrapper(t: Theme): string;
-    buttonWrapperSmall(t: Theme): string;
-    buttonWrapperMedium(t: Theme): string;
-    buttonWrapperLarge(t: Theme): string;
-};

package/components/Clickable/ClickableLink/ClickableLink.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ClickableLinkChild } from "../ClickableLinkChild";
-import { ClickableLinkIcon } from "../ClickableLinkIcon";
-export var ClickableLink = function ClickableLink(_ref) {
-  var leftIcon = _ref.leftIcon,
-      rightIcon = _ref.rightIcon,
-      isLoading = _ref.isLoading,
-      isFocused = _ref.isFocused,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, leftIcon && /*#__PURE__*/React.createElement(ClickableLinkIcon, {
-    icon: leftIcon,
-    isLoading: isLoading,
-    position: "left"
-  }), /*#__PURE__*/React.createElement(ClickableLinkChild, {
-    isFocused: isFocused
-  }, children), rightIcon && /*#__PURE__*/React.createElement(ClickableLinkIcon, {
-    icon: rightIcon,
-    isLoading: isLoading,
-    position: "right",
-    hasBothIcons: !!leftIcon && !!rightIcon
-  }));
-};

package/components/Clickable/ClickableLink/ClickableLink.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableLink.tsx"],"names":["React","ClickableLinkChild","ClickableLinkIcon","ClickableLink","leftIcon","rightIcon","isLoading","isFocused","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,SAASC,kBAAT,QAA4D,sBAA5D;AACA,SAASC,iBAAT,QAAkC,qBAAlC;;;;;;AAMA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAAiF,KAA9EC,QAA8E,QAA9EA,QAA8E,CAApEC,SAAoE,QAApEA,SAAoE,CAAzDC,SAAyD,QAAzDA,SAAyD,CAA9CC,SAA8C,QAA9CA,SAA8C,CAAnCC,QAAmC,QAAnCA,QAAmC;AAC5G;AACE;AACGJ,IAAAA,QAAQ,iBAAI,oBAAC,iBAAD,IAAmB,IAAI,EAAEA,QAAzB,EAAmC,SAAS,EAAEE,SAA9C,EAAyD,QAAQ,EAAC,MAAlE,GADf;AAEE,wBAAC,kBAAD,IAAoB,SAAS,EAAEC,SAA/B,IAA2CC,QAA3C,CAFF;AAGGH,IAAAA,SAAS;AACR,wBAAC,iBAAD;AACE,MAAA,IAAI,EAAEA,SADR;AAEE,MAAA,SAAS,EAAEC,SAFb;AAGE,MAAA,QAAQ,EAAC,OAHX;AAIE,MAAA,YAAY,EAAE,CAAC,CAACF,QAAF,IAAc,CAAC,CAACC,SAJhC,GAJJ,CADF;;;;;AAcD,CAfM","sourcesContent":["import React from 'react';\n\nimport { ClickableProps } from './Clickable';\nimport { ClickableLinkChild, ClickableLinkChildProps } from './ClickableLinkChild';\nimport { ClickableLinkIcon } from './ClickableLinkIcon';\n\nexport interface ClickableLinkProps\n  extends ClickableLinkChildProps,\n    Pick<ClickableProps, 'leftIcon' | 'rightIcon' | 'isLoading'> {}\n\nexport const ClickableLink = ({ leftIcon, rightIcon, isLoading, isFocused, children }: ClickableLinkProps) => {\n  return (\n    <>\n      {leftIcon && <ClickableLinkIcon icon={leftIcon} isLoading={isLoading} position=\"left\" />}\n      <ClickableLinkChild isFocused={isFocused}>{children}</ClickableLinkChild>\n      {rightIcon && (\n        <ClickableLinkIcon\n          icon={rightIcon}\n          isLoading={isLoading}\n          position=\"right\"\n          hasBothIcons={!!leftIcon && !!rightIcon}\n        />\n      )}\n    </>\n  );\n};\n"]}

package/components/Clickable/ClickableLink/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableLink.js",
-  "module": "ClickableLink",
-  "types": "../ClickableLink.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableLink.d.ts

@@ -1,5 +0,0 @@
-import { ClickableProps } from './Clickable';
-import { ClickableLinkChildProps } from './ClickableLinkChild';
-export interface ClickableLinkProps extends ClickableLinkChildProps, Pick<ClickableProps, 'leftIcon' | 'rightIcon' | 'isLoading'> {
-}
-export declare const ClickableLink: ({ leftIcon, rightIcon, isLoading, isFocused, children }: ClickableLinkProps) => JSX.Element;

package/components/Clickable/ClickableLink.styles/ClickableLink.styles.js

@@ -1,52 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
-import { css, cx, memoizeStyle } from "../../../lib/theming/Emotion";
-import { isDarkTheme } from "../../../lib/theming/ThemeHelpers";
-import { linkDisabledMixin, linkUseColorsMixin, linkUseLineHovered } from "../../Link/Link.mixins";
-import { clickableGlobalClasses } from "../Clickable.styles";
-export var linkStyles = memoizeStyle({
-  linkRoot: function linkRoot() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n      &:hover .", " {\n        border-bottom-color: currentColor !important;\n      }\n      border-bottom-color: currentColor;\n    "])), clickableGlobalClasses.text);
-  },
-  linkDefault: function linkDefault(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor), clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkSuccess: function linkSuccess(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor), clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkDanger: function linkDanger(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor), clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkGrayed: function linkGrayed(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor), clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkDisabled: function linkDisabled(t) {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n      }\n    "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor);
-  },
-  linkDisabledDark: function linkDisabledDark(t) {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      .", " {\n        ", "\n      }\n    "])), clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkLineFocus: function linkLineFocus(t) {
-    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      .", " {\n        ", "\n      }\n    "])), t.linkHoverColor, clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkLineFocusSuccess: function linkLineFocusSuccess(t) {
-    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])), t.linkSuccessHoverColor, clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkLineFocusDanger: function linkLineFocusDanger(t) {
-    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])), t.linkDangerHoverColor, clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  },
-  linkLineFocusGrayed: function linkLineFocusGrayed(t) {
-    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])), t.linkGrayedHoverColor, clickableGlobalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
-  }
-});
-export var getLinkStyles = function getLinkStyles(_ref) {
-  var _cx;
-
-  var use = _ref.use,
-      isFocused = _ref.isFocused,
-      isNotInteractive = _ref.isNotInteractive,
-      theme = _ref.theme;
-  return cx((_cx = {}, _cx[linkStyles.linkRoot()] = true, _cx[linkStyles.linkDefault(theme)] = use === 'default' || use === undefined, _cx[linkStyles.linkSuccess(theme)] = use === 'success', _cx[linkStyles.linkDanger(theme)] = use === 'danger', _cx[linkStyles.linkGrayed(theme)] = use === 'grayed', _cx[linkStyles.linkLineFocus(theme)] = use === 'default' && isFocused, _cx[linkStyles.linkLineFocusSuccess(theme)] = use === 'success' && isFocused, _cx[linkStyles.linkLineFocusDanger(theme)] = use === 'danger' && isFocused, _cx[linkStyles.linkLineFocusGrayed(theme)] = isFocused && use === 'grayed', _cx[linkStyles.linkDisabled(theme)] = isNotInteractive, _cx[linkStyles.linkDisabledDark(theme)] = isNotInteractive && isDarkTheme(theme), _cx));
-};

package/components/Clickable/ClickableLink.styles/ClickableLink.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableLink.styles.ts"],"names":["css","cx","memoizeStyle","isDarkTheme","linkDisabledMixin","linkUseColorsMixin","linkUseLineHovered","clickableGlobalClasses","linkStyles","linkRoot","text","linkDefault","t","linkColor","linkHoverColor","linkActiveColor","linkLineHoverBorderBottomStyle","linkSuccess","linkSuccessColor","linkSuccessHoverColor","linkSuccessActiveColor","linkDanger","linkDangerColor","linkDangerHoverColor","linkDangerActiveColor","linkGrayed","linkGrayedColor","linkGrayedHoverColor","linkGrayedActiveColor","linkDisabled","linkDisabledColor","linkDisabledDark","linkLineFocus","linkLineFocusSuccess","linkLineFocusDanger","linkLineFocusGrayed","getLinkStyles","use","isFocused","isNotInteractive","theme","undefined"],"mappings":"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","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, cx, memoizeStyle } from '../../lib/theming/Emotion';\nimport { isDarkTheme } from '../../lib/theming/ThemeHelpers';\nimport { linkDisabledMixin, linkUseColorsMixin, linkUseLineHovered } from '../Link/Link.mixins';\n\nimport { GetStylesBase, clickableGlobalClasses } from './Clickable.styles';\n\nexport const linkStyles = memoizeStyle({\n  linkRoot() {\n    return css`\n      border-radius: 1px;\n      outline: none;\n      text-decoration: none;\n      &:hover .${clickableGlobalClasses.text} {\n        border-bottom-color: currentColor !important;\n      }\n      border-bottom-color: currentColor;\n    `;\n  },\n\n  linkDefault(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n      .${clickableGlobalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n  linkSuccess(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n      .${clickableGlobalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n  linkDanger(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n      .${clickableGlobalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n  linkGrayed(t: Theme) {\n    return css`\n      ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n      .${clickableGlobalClasses.text} {\n        :hover {\n          ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n        }\n      }\n    `;\n  },\n\n  linkDisabled(t: Theme) {\n    return css`\n      ${linkDisabledMixin()};\n\n      color: ${t.linkDisabledColor} !important; // override root color\n\n      &:hover {\n        color: ${t.linkDisabledColor};\n      }\n    `;\n  },\n  linkDisabledDark(t: Theme) {\n    return css`\n      .${clickableGlobalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n\n  linkLineFocus(t: Theme) {\n    return css`\n      color: ${t.linkHoverColor};\n      .${clickableGlobalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n  linkLineFocusSuccess(t: Theme) {\n    return css`\n      color: ${t.linkSuccessHoverColor} !important;\n      .${clickableGlobalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n  linkLineFocusDanger(t: Theme) {\n    return css`\n      color: ${t.linkDangerHoverColor} !important;\n      .${clickableGlobalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n  linkLineFocusGrayed(t: Theme) {\n    return css`\n      color: ${t.linkGrayedHoverColor} !important;\n      .${clickableGlobalClasses.text} {\n        ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n      }\n    `;\n  },\n});\n\ninterface GetLinkStylesArgs extends GetStylesBase {\n  isFocused: boolean;\n  isNotInteractive: boolean;\n}\n\nexport const getLinkStyles = ({ use, isFocused, isNotInteractive, theme }: GetLinkStylesArgs) => {\n  return cx({\n    [linkStyles.linkRoot()]: true,\n    [linkStyles.linkDefault(theme)]: use === 'default' || use === undefined,\n    [linkStyles.linkSuccess(theme)]: use === 'success',\n    [linkStyles.linkDanger(theme)]: use === 'danger',\n    [linkStyles.linkGrayed(theme)]: use === 'grayed',\n    [linkStyles.linkLineFocus(theme)]: use === 'default' && isFocused,\n    [linkStyles.linkLineFocusSuccess(theme)]: use === 'success' && isFocused,\n    [linkStyles.linkLineFocusDanger(theme)]: use === 'danger' && isFocused,\n    [linkStyles.linkLineFocusGrayed(theme)]: isFocused && use === 'grayed',\n    [linkStyles.linkDisabled(theme)]: isNotInteractive,\n    [linkStyles.linkDisabledDark(theme)]: isNotInteractive && isDarkTheme(theme),\n  });\n};\n"]}

package/components/Clickable/ClickableLink.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableLink.styles.js",
-  "module": "ClickableLink.styles",
-  "types": "../ClickableLink.styles.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableLink.styles.d.ts

@@ -1,21 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-import { GetStylesBase } from './Clickable.styles';
-export declare const linkStyles: {
-    linkRoot(): string;
-    linkDefault(t: Theme): string;
-    linkSuccess(t: Theme): string;
-    linkDanger(t: Theme): string;
-    linkGrayed(t: Theme): string;
-    linkDisabled(t: Theme): string;
-    linkDisabledDark(t: Theme): string;
-    linkLineFocus(t: Theme): string;
-    linkLineFocusSuccess(t: Theme): string;
-    linkLineFocusDanger(t: Theme): string;
-    linkLineFocusGrayed(t: Theme): string;
-};
-interface GetLinkStylesArgs extends GetStylesBase {
-    isFocused: boolean;
-    isNotInteractive: boolean;
-}
-export declare const getLinkStyles: ({ use, isFocused, isNotInteractive, theme }: GetLinkStylesArgs) => string;
-export {};

package/components/Clickable/ClickableLinkChild/ClickableLinkChild.js

@@ -1,19 +0,0 @@
-import React, { useContext } from 'react';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { cx } from "../../../lib/theming/Emotion";
-import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { clickableGlobalClasses } from "../Clickable.styles";
-import { linkChildStyles } from "../ClickableLinkChild.styles";
-export var ClickableLinkChild = forwardRefAndName('ClickableLinkChild', function (_ref, ref) {
-  var _cx, _cx2;
-
-  var isFocused = _ref.isFocused,
-      children = _ref.children;
-  var theme = useContext(ThemeContext);
-  return /*#__PURE__*/React.createElement("span", {
-    ref: ref,
-    className: cx((_cx = {}, _cx[linkChildStyles.linkLineTextWrapper(theme)] = true, _cx[linkChildStyles.linkLineTextWrapperFocused(theme)] = isFocused, _cx))
-  }, /*#__PURE__*/React.createElement("span", {
-    className: cx((_cx2 = {}, _cx2[clickableGlobalClasses.text] = true, _cx2[linkChildStyles.linkLineText(theme)] = true, _cx2))
-  }, children));
-});

package/components/Clickable/ClickableLinkChild/ClickableLinkChild.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableLinkChild.tsx"],"names":["React","useContext","ThemeContext","cx","forwardRefAndName","clickableGlobalClasses","linkChildStyles","ClickableLinkChild","ref","isFocused","children","theme","linkLineTextWrapper","linkLineTextWrapperFocused","text","linkLineText"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,sBAAT,QAAuC,oBAAvC;AACA,SAASC,eAAT,QAAgC,6BAAhC;;;;;;;AAOA,OAAO,IAAMC,kBAAkB,GAAGH,iBAAiB;AACjD,oBADiD;AAEjD,gBAA0BI,GAA1B,EAAkC,mBAA/BC,SAA+B,QAA/BA,SAA+B,CAApBC,QAAoB,QAApBA,QAAoB;AAChC,MAAMC,KAAK,GAAGV,UAAU,CAACC,YAAD,CAAxB;;AAEA;AACE;AACE,MAAA,GAAG,EAAEM,GADP;AAEE,MAAA,SAAS,EAAEL,EAAE;AACVG,MAAAA,eAAe,CAACM,mBAAhB,CAAoCD,KAApC,CADU,IACmC,IADnC;AAEVL,MAAAA,eAAe,CAACO,0BAAhB,CAA2CF,KAA3C,CAFU,IAE0CF,SAF1C,OAFf;;;AAOE;AACE,MAAA,SAAS,EAAEN,EAAE;AACVE,MAAAA,sBAAsB,CAACS,IADb,IACoB,IADpB;AAEVR,MAAAA,eAAe,CAACS,YAAhB,CAA6BJ,KAA7B,CAFU,IAE4B,IAF5B,QADf;;;AAMGD,IAAAA,QANH,CAPF,CADF;;;;AAkBD,CAvBgD,CAA5C","sourcesContent":["import React, { useContext } from 'react';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { clickableGlobalClasses } from './Clickable.styles';\nimport { linkChildStyles } from './ClickableLinkChild.styles';\n\nexport interface ClickableLinkChildProps {\n  children: React.ReactNode;\n  isFocused: boolean;\n}\n\nexport const ClickableLinkChild = forwardRefAndName<HTMLSpanElement, ClickableLinkChildProps>(\n  'ClickableLinkChild',\n  ({ isFocused, children }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <span\n        ref={ref}\n        className={cx({\n          [linkChildStyles.linkLineTextWrapper(theme)]: true,\n          [linkChildStyles.linkLineTextWrapperFocused(theme)]: isFocused,\n        })}\n      >\n        <span\n          className={cx({\n            [clickableGlobalClasses.text]: true,\n            [linkChildStyles.linkLineText(theme)]: true,\n          })}\n        >\n          {children}\n        </span>\n      </span>\n    );\n  },\n);\n"]}

package/components/Clickable/ClickableLinkChild/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableLinkChild.js",
-  "module": "ClickableLinkChild",
-  "types": "../ClickableLinkChild.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableLinkChild.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface ClickableLinkChildProps {
-    children: React.ReactNode;
-    isFocused: boolean;
-}
-export declare const ClickableLinkChild: import("../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLSpanElement, ClickableLinkChildProps> & Record<never, never>;

package/components/Clickable/ClickableLinkChild.styles/ClickableLinkChild.styles.js

@@ -1,21 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3;
-
-import { memoizeStyle, css } from "../../../lib/theming/Emotion";
-export var linkChildStyles = memoizeStyle({
-  linkLineTextWrapper: function linkLineTextWrapper(t) {
-    // При hover'е подчеркивание из прозрачного переходит в currentColor.
-    // За счет наложения этого цвета на подчеркивание lineText (currentColor с половинной прозрачностью)
-    // достигается эффект перехода currentColor с половинной прозрачностью до currentColor.
-    // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.
-    // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      @supports (border-bottom-color: ", ") {\n        transition: border-bottom-color ", " ", ";\n        border-bottom-style: ", ";\n        border-bottom-width: ", ";\n        border-bottom-color: transparent;\n      }\n    "])), t.linkLineBorderBottomColor, t.transitionDuration, t.transitionTimingFunction, t.linkLineBorderBottomStyle, t.linkLineBorderBottomWidth);
-  },
-  linkLineTextWrapperFocused: function linkLineTextWrapperFocused(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      @supports (border-bottom-color: ", ") {\n        border-bottom-color: currentColor;\n      }\n    "])), t.linkLineBorderBottomColor);
-  },
-  linkLineText: function linkLineText(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      border-bottom-style: ", ";\n      border-bottom-width: ", ";\n      border-bottom-color: ", ";\n    "])), t.linkLineBorderBottomStyle, t.linkLineBorderBottomWidth, t.linkLineBorderBottomColor);
-  }
-});

package/components/Clickable/ClickableLinkChild.styles/ClickableLinkChild.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableLinkChild.styles.ts"],"names":["memoizeStyle","css","linkChildStyles","linkLineTextWrapper","t","linkLineBorderBottomColor","transitionDuration","transitionTimingFunction","linkLineBorderBottomStyle","linkLineBorderBottomWidth","linkLineTextWrapperFocused","linkLineText"],"mappings":";AACA,SAASA,YAAT,EAAuBC,GAAvB,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,eAAe,GAAGF,YAAY,CAAC;AAC1CG,EAAAA,mBAD0C,+BACtBC,CADsB,EACZ;AAC5B;AACA;AACA;;AAEA;AACA;AACA,WAAOH,GAAP;AACoCG,IAAAA,CAAC,CAACC,yBADtC;AAEsCD,IAAAA,CAAC,CAACE,kBAFxC,EAE8DF,CAAC,CAACG,wBAFhE;AAG2BH,IAAAA,CAAC,CAACI,yBAH7B;AAI2BJ,IAAAA,CAAC,CAACK,yBAJ7B;;;;AAQD,GAhByC;AAiB1CC,EAAAA,0BAjB0C,sCAiBfN,CAjBe,EAiBL;AACnC,WAAOH,GAAP;AACoCG,IAAAA,CAAC,CAACC,yBADtC;;;;AAKD,GAvByC;AAwB1CM,EAAAA,YAxB0C,wBAwB7BP,CAxB6B,EAwBnB;AACrB,WAAOH,GAAP;AACyBG,IAAAA,CAAC,CAACI,yBAD3B;AAEyBJ,IAAAA,CAAC,CAACK,yBAF3B;AAGyBL,IAAAA,CAAC,CAACC,yBAH3B;;AAKD,GA9ByC,EAAD,CAApC","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle, css } from '../../lib/theming/Emotion';\n\nexport const linkChildStyles = memoizeStyle({\n  linkLineTextWrapper(t: Theme) {\n    // При hover'е подчеркивание из прозрачного переходит в currentColor.\n    // За счет наложения этого цвета на подчеркивание lineText (currentColor с половинной прозрачностью)\n    // достигается эффект перехода currentColor с половинной прозрачностью до currentColor.\n\n    // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.\n    // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.\n    return css`\n      @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n        transition: border-bottom-color ${t.transitionDuration} ${t.transitionTimingFunction};\n        border-bottom-style: ${t.linkLineBorderBottomStyle};\n        border-bottom-width: ${t.linkLineBorderBottomWidth};\n        border-bottom-color: transparent;\n      }\n    `;\n  },\n  linkLineTextWrapperFocused(t: Theme) {\n    return css`\n      @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n        border-bottom-color: currentColor;\n      }\n    `;\n  },\n  linkLineText(t: Theme) {\n    return css`\n      border-bottom-style: ${t.linkLineBorderBottomStyle};\n      border-bottom-width: ${t.linkLineBorderBottomWidth};\n      border-bottom-color: ${t.linkLineBorderBottomColor};\n    `;\n  },\n});\n"]}

package/components/Clickable/ClickableLinkChild.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableLinkChild.styles.js",
-  "module": "ClickableLinkChild.styles",
-  "types": "../ClickableLinkChild.styles.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableLinkChild.styles.d.ts

@@ -1,6 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const linkChildStyles: {
-    linkLineTextWrapper(t: Theme): string;
-    linkLineTextWrapperFocused(t: Theme): string;
-    linkLineText(t: Theme): string;
-};

package/components/Clickable/ClickableLinkIcon/ClickableLinkIcon.js

@@ -1,21 +0,0 @@
-import React, { useContext } from 'react';
-import { cx } from "../../../lib/theming/Emotion";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { Spinner } from "../../Spinner";
-import { linkIconStyles } from "../ClickableLinkIcon.styles";
-export var ClickableLinkIcon = function ClickableLinkIcon(_ref) {
-  var _cx;
-
-  var icon = _ref.icon,
-      isLoading = _ref.isLoading,
-      hasBothIcons = _ref.hasBothIcons,
-      position = _ref.position;
-  var theme = useContext(ThemeContext);
-  return /*#__PURE__*/React.createElement("span", {
-    className: cx((_cx = {}, _cx[linkIconStyles.linkIcon(theme)] = true, _cx[linkIconStyles.linkIconLeft(theme)] = position === 'left', _cx[linkIconStyles.linkIconRight(theme)] = position === 'right', _cx))
-  }, isLoading && !hasBothIcons ? /*#__PURE__*/React.createElement(Spinner, {
-    caption: null,
-    dimmed: true,
-    inline: true
-  }) : icon);
-};

package/components/Clickable/ClickableLinkIcon/ClickableLinkIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableLinkIcon.tsx"],"names":["React","useContext","cx","ThemeContext","Spinner","linkIconStyles","ClickableLinkIcon","icon","isLoading","hasBothIcons","position","theme","linkIcon","linkIconLeft","linkIconRight"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,OAAT,QAAwB,YAAxB;;;AAGA,SAASC,cAAT,QAA+B,4BAA/B;;;;;;;;AAQA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyE,aAAtEC,IAAsE,QAAtEA,IAAsE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,YAAqD,QAArDA,YAAqD,CAAvCC,QAAuC,QAAvCA,QAAuC;AACxG,MAAMC,KAAK,GAAGV,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE;AACE,MAAA,SAAS,EAAED,EAAE;AACVG,MAAAA,cAAc,CAACO,QAAf,CAAwBD,KAAxB,CADU,IACuB,IADvB;AAEVN,MAAAA,cAAc,CAACQ,YAAf,CAA4BF,KAA5B,CAFU,IAE2BD,QAAQ,KAAK,MAFxC;AAGVL,MAAAA,cAAc,CAACS,aAAf,CAA6BH,KAA7B,CAHU,IAG4BD,QAAQ,KAAK,OAHzC,OADf;;;AAOGF,IAAAA,SAAS,IAAI,CAACC,YAAd,gBAA6B,oBAAC,OAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,MAAM,MAArC,GAA7B,GAAwEF,IAP3E,CADF;;;AAWD,CAdM","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Spinner } from '../Spinner';\n\nimport { ClickableProps } from './Clickable';\nimport { linkIconStyles } from './ClickableLinkIcon.styles';\n\nexport interface ClickableLinkIconProps extends Pick<ClickableProps, 'isLoading'> {\n  icon: ClickableProps['leftIcon'];\n  position?: 'left' | 'right';\n  hasBothIcons?: boolean;\n}\n\nexport const ClickableLinkIcon = ({ icon, isLoading, hasBothIcons, position }: ClickableLinkIconProps) => {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <span\n      className={cx({\n        [linkIconStyles.linkIcon(theme)]: true,\n        [linkIconStyles.linkIconLeft(theme)]: position === 'left',\n        [linkIconStyles.linkIconRight(theme)]: position === 'right',\n      })}\n    >\n      {isLoading && !hasBothIcons ? <Spinner caption={null} dimmed inline /> : icon}\n    </span>\n  );\n};\n"]}

package/components/Clickable/ClickableLinkIcon/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableLinkIcon.js",
-  "module": "ClickableLinkIcon",
-  "types": "../ClickableLinkIcon.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableLinkIcon.d.ts

@@ -1,7 +0,0 @@
-import { ClickableProps } from './Clickable';
-export interface ClickableLinkIconProps extends Pick<ClickableProps, 'isLoading'> {
-    icon: ClickableProps['leftIcon'];
-    position?: 'left' | 'right';
-    hasBothIcons?: boolean;
-}
-export declare const ClickableLinkIcon: ({ icon, isLoading, hasBothIcons, position }: ClickableLinkIconProps) => JSX.Element;

package/components/Clickable/ClickableLinkIcon.styles/ClickableLinkIcon.styles.js

@@ -1,16 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-
-var _templateObject, _templateObject2, _templateObject3;
-
-import { memoizeStyle, css } from "../../../lib/theming/Emotion";
-export var linkIconStyles = memoizeStyle({
-  linkIcon: function linkIcon(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
-  },
-  linkIconLeft: function linkIconLeft(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin-right: ", ";\n    "])), t.linkIconMarginRight);
-  },
-  linkIconRight: function linkIconRight(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-left: ", ";\n    "])), t.linkIconMarginLeft);
-  }
-});

package/components/Clickable/ClickableLinkIcon.styles/ClickableLinkIcon.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ClickableLinkIcon.styles.ts"],"names":["memoizeStyle","css","linkIconStyles","linkIcon","t","linkIconMarginRight","linkIconLeft","linkIconRight","linkIconMarginLeft"],"mappings":";AACA,SAASA,YAAT,EAAuBC,GAAvB,QAAkC,2BAAlC;;AAEA,OAAO,IAAMC,cAAc,GAAGF,YAAY,CAAC;AACzCG,EAAAA,QADyC,oBAChCC,CADgC,EACtB;AACjB,WAAOH,GAAP;;AAEkBG,IAAAA,CAAC,CAACC,mBAFpB;;AAID,GANwC;AAOzCC,EAAAA,YAPyC,wBAO5BF,CAP4B,EAOlB;AACrB,WAAOH,GAAP;AACkBG,IAAAA,CAAC,CAACC,mBADpB;;AAGD,GAXwC;AAYzCE,EAAAA,aAZyC,yBAY3BH,CAZ2B,EAYjB;AACtB,WAAOH,GAAP;AACiBG,IAAAA,CAAC,CAACI,kBADnB;;AAGD,GAhBwC,EAAD,CAAnC","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle, css } from '../../lib/theming/Emotion';\n\nexport const linkIconStyles = memoizeStyle({\n  linkIcon(t: Theme) {\n    return css`\n      display: inline-block;\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n  linkIconLeft(t: Theme) {\n    return css`\n      margin-right: ${t.linkIconMarginRight};\n    `;\n  },\n  linkIconRight(t: Theme) {\n    return css`\n      margin-left: ${t.linkIconMarginLeft};\n    `;\n  },\n});\n"]}

package/components/Clickable/ClickableLinkIcon.styles/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/ClickableLinkIcon.styles.js",
-  "module": "ClickableLinkIcon.styles",
-  "types": "../ClickableLinkIcon.styles.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/ClickableLinkIcon.styles.d.ts

@@ -1,6 +0,0 @@
-import { Theme } from '../../lib/theming/Theme';
-export declare const linkIconStyles: {
-    linkIcon(t: Theme): string;
-    linkIconLeft(t: Theme): string;
-    linkIconRight(t: Theme): string;
-};

package/components/Clickable/index/index.js

@@ -1 +0,0 @@
-export * from "../Clickable";

package/components/Clickable/index/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAd","sourcesContent":["export * from './Clickable';\n"]}

package/components/Clickable/index.d.ts

@@ -1 +0,0 @@
-export * from './Clickable';

package/components/Clickable/utils/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/components/Clickable/utils.js",
-  "module": "utils",
-  "types": "../utils.d.ts",
-  "sideEffects": false
-}

package/components/Clickable/utils/utils.js

@@ -1,44 +0,0 @@
-import { isExternalLink } from "../../../lib/utils";
-import { CLICKABLE_DEFAULT_ELEMENT } from "../Clickable";
-export var getTabIndex = function getTabIndex(isInteractive, tabIndex, disabled) {
-  if (disabled) {
-    return -1;
-  }
-
-  if (!isInteractive) {
-    return tabIndex != null ? tabIndex : 0;
-  }
-
-  return tabIndex;
-};
-export var getRole = function getRole(isInteractive, role) {
-  if (!isInteractive) {
-    return role != null ? role : 'button';
-  }
-
-  return role;
-};
-export var getCurrentView = function getCurrentView(view, as) {
-  if (as === void 0) {
-    as = CLICKABLE_DEFAULT_ELEMENT;
-  }
-
-  if (view) {
-    return view;
-  }
-
-  if (as === 'button') {
-    return 'button';
-  }
-
-  if (as === 'a') {
-    return 'link';
-  }
-};
-export var getRel = function getRel(rel, href) {
-  if (!rel && href) {
-    return "noopener" + (isExternalLink(href) ? ' noreferrer' : '');
-  }
-
-  return rel;
-};

package/components/Clickable/utils/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils.ts"],"names":["isExternalLink","CLICKABLE_DEFAULT_ELEMENT","getTabIndex","isInteractive","tabIndex","disabled","getRole","role","getCurrentView","view","as","getRel","rel","href"],"mappings":";;AAEA,SAASA,cAAT,QAA+B,iBAA/B;;AAEA,SAASC,yBAAT,QAA0D,aAA1D;;AAEA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,aAAD,EAAyBC,QAAzB,EAA2CC,QAA3C,EAAkE;AAC3F,MAAIA,QAAJ,EAAc;AACZ,WAAO,CAAC,CAAR;AACD;;AAED,MAAI,CAACF,aAAL,EAAoB;AAClB,WAAOC,QAAP,WAAOA,QAAP,GAAmB,CAAnB;AACD;;AAED,SAAOA,QAAP;AACD,CAVM;;AAYP,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,CAACH,aAAD,EAAyBI,IAAzB,EAAmE;AACxF,MAAI,CAACJ,aAAL,EAAoB;AAClB,WAAOI,IAAP,WAAOA,IAAP,GAAe,QAAf;AACD;;AAED,SAAOA,IAAP;AACD,CANM;;AAQP,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD,EAA+BC,EAA/B,EAA+E,KAAhDA,EAAgD,cAAhDA,EAAgD,GAA9BT,yBAA8B;AAC3G,MAAIQ,IAAJ,EAAU;AACR,WAAOA,IAAP;AACD;;AAED,MAAIC,EAAE,KAAK,QAAX,EAAqB;AACnB,WAAO,QAAP;AACD;;AAED,MAAIA,EAAE,KAAK,GAAX,EAAgB;AACd,WAAO,MAAP;AACD;AACF,CAZM;;AAcP,OAAO,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,GAAD,EAA6BC,IAA7B,EAA0D;AAC9E,MAAI,CAACD,GAAD,IAAQC,IAAZ,EAAkB;AAChB,yBAAkBb,cAAc,CAACa,IAAD,CAAd,GAAuB,aAAvB,GAAuC,EAAzD;AACD;;AAED,SAAOD,GAAP;AACD,CANM","sourcesContent":["import { ElementType, HTMLAttributes } from 'react';\n\nimport { isExternalLink } from '../../lib/utils';\n\nimport { CLICKABLE_DEFAULT_ELEMENT, ClickableProps } from './Clickable';\n\nexport const getTabIndex = (isInteractive: boolean, tabIndex: number, disabled?: boolean) => {\n  if (disabled) {\n    return -1;\n  }\n\n  if (!isInteractive) {\n    return tabIndex ?? 0;\n  }\n\n  return tabIndex;\n};\n\nexport const getRole = (isInteractive: boolean, role: HTMLAttributes<unknown>['role']) => {\n  if (!isInteractive) {\n    return role ?? 'button';\n  }\n\n  return role;\n};\n\nexport const getCurrentView = (view: ClickableProps['view'], as: ElementType = CLICKABLE_DEFAULT_ELEMENT) => {\n  if (view) {\n    return view;\n  }\n\n  if (as === 'button') {\n    return 'button';\n  }\n\n  if (as === 'a') {\n    return 'link';\n  }\n};\n\nexport const getRel = (rel: ClickableProps['rel'], href: string | undefined) => {\n  if (!rel && href) {\n    return `noopener${isExternalLink(href) ? ' noreferrer' : ''}`;\n  }\n\n  return rel;\n};\n"]}

package/components/Clickable/utils.d.ts

@@ -1,6 +0,0 @@
-import { ElementType, HTMLAttributes } from 'react';
-import { ClickableProps } from './Clickable';
-export declare const getTabIndex: (isInteractive: boolean, tabIndex: number, disabled?: boolean | undefined) => number;
-export declare const getRole: (isInteractive: boolean, role: HTMLAttributes<unknown>['role']) => import("react").AriaRole | undefined;
-export declare const getCurrentView: (view: ClickableProps['view'], as?: ElementType) => "link" | "button" | undefined;
-export declare const getRel: (rel: ClickableProps['rel'], href: string | undefined) => string | undefined;

package/components/DateInput/helpers/SelectionHelpers/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../../cjs/components/DateInput/helpers/SelectionHelpers.js",
-  "module": "SelectionHelpers",
-  "types": "../SelectionHelpers.d.ts",
-  "sideEffects": false
-}