@skbkontur/react-ui 0.0.0-5188be76c1 → 0.0.0-53ccdcbfcc

package/cjs/components/Clickable/ClickableButtonOutline.js

@@ -0,0 +1,36 @@
+"use strict";exports.__esModule = true;exports.ClickableButtonOutline = void 0;var _react = _interopRequireWildcard(require("react"));
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
+
+
+var _ClickableButtonOutline = require("./ClickableButtonOutline.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+
+
+
+
+
+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 = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  if (isFocused || isDisabled || isLoading) {
+    return null;
+  }
+
+  return /*#__PURE__*/(
+    _react.default.createElement("div", {
+      className: (0, _Emotion.cx)((_cx = {}, _cx[
+      _ClickableButtonOutline.buttonOutlineStyles.buttonOutline()] = true, _cx[
+      _ClickableButtonOutline.buttonOutlineStyles.buttonOutlineWarning(theme)] = isWarning, _cx[
+      _ClickableButtonOutline.buttonOutlineStyles.buttonOutlineError(theme)] = isError, _cx)) }));
+
+
+
+};exports.ClickableButtonOutline = ClickableButtonOutline;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableButtonOutline.tsx"],"names":["ClickableButtonOutline","isWarning","isError","isDisabled","isLoading","isFocused","theme","ThemeContext","buttonOutlineStyles","buttonOutline","buttonOutlineWarning","buttonOutlineError"],"mappings":"+EAAA;;AAEA;AACA;;;AAGA,yE;;;;;;;AAOO,IAAMA,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,GAAG,uBAAWC,0BAAX,CAAd;;AAEA,MAAIF,SAAS,IAAIF,UAAb,IAA2BC,SAA/B,EAA0C;AACxC,WAAO,IAAP;AACD;;AAED;AACE;AACE,MAAA,SAAS,EAAE;AACRI,kDAAoBC,aAApB,EADQ,IAC8B,IAD9B;AAERD,kDAAoBE,oBAApB,CAAyCJ,KAAzC,CAFQ,IAE0CL,SAF1C;AAGRO,kDAAoBG,kBAApB,CAAuCL,KAAvC,CAHQ,IAGwCJ,OAHxC,OADb,GADF;;;;AASD,CAtBM,C","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/cjs/components/Clickable/ClickableButtonOutline.styles.d.ts

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

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

@@ -0,0 +1,25 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.buttonOutlineStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
+
+var buttonOutlineStyles = (0, _Emotion.memoizeStyle)({
+  buttonOutline: function buttonOutline() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-shadow: 0 0 0 ", " ", ", inset 0 0 0 ", " ", ";\n    "])),
+    t.btnOutlineWidth, t.btnBorderColorError, t.btnInsetWidth, t.btnInsetColor);
+
+  } });exports.buttonOutlineStyles = buttonOutlineStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableButtonOutline.styles.ts"],"names":["buttonOutlineStyles","buttonOutline","css","buttonOutlineWarning","t","btnOutlineWidth","btnBorderColorWarning","btnInsetWidth","btnInsetColor","buttonOutlineError","btnBorderColorError"],"mappings":";AACA,oD;;AAEO,IAAMA,mBAAmB,GAAG,2BAAa;AAC9CC,EAAAA,aAD8C,2BAC9B;AACd,eAAOC,YAAP;;;;;;;;AAQD,GAV6C;AAW9CC,EAAAA,oBAX8C,gCAWzBC,CAXyB,EAWf;AAC7B,eAAOF,YAAP;AACsBE,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,eAAOF,YAAP;AACsBE,IAAAA,CAAC,CAACC,eADxB,EAC2CD,CAAC,CAACM,mBAD7C,EACiFN,CAAC,CAACG,aADnF,EACoGH,CAAC,CAACI,aADtG;;AAGD,GArB6C,EAAb,CAA5B,C","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/cjs/components/Clickable/ClickableButtonWrapper.d.ts

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

package/cjs/components/Clickable/ClickableButtonWrapper.js

@@ -0,0 +1,27 @@
+"use strict";exports.__esModule = true;exports.ClickableButtonWrapper = void 0;var _react = _interopRequireWildcard(require("react"));
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
+
+
+var _ClickableButtonWrapper = require("./ClickableButtonWrapper.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+
+
+var ClickableButtonWrapper = function ClickableButtonWrapper(_ref) {var _cx;var width = _ref.width,size = _ref.size,children = _ref.children;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", {
+      style: { width: width },
+      className: (0, _Emotion.cx)((_cx = {}, _cx[
+      _ClickableButtonWrapper.buttonWrapperStyles.buttonWrapper(theme)] = true, _cx[
+      _ClickableButtonWrapper.buttonWrapperStyles.buttonWrapperSmall(theme)] = size === 'small' || size === undefined, _cx[
+      _ClickableButtonWrapper.buttonWrapperStyles.buttonWrapperMedium(theme)] = size === 'medium', _cx[
+      _ClickableButtonWrapper.buttonWrapperStyles.buttonWrapperLarge(theme)] = size === 'large', _cx)) },
+
+
+    children));
+
+
+};exports.ClickableButtonWrapper = ClickableButtonWrapper;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableButtonWrapper.tsx"],"names":["ClickableButtonWrapper","width","size","children","theme","ThemeContext","buttonWrapperStyles","buttonWrapper","buttonWrapperSmall","undefined","buttonWrapperMedium","buttonWrapperLarge"],"mappings":"+EAAA;;AAEA;AACA;;;AAGA,yE;;;;AAIO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAA4D,aAAzDC,KAAyD,QAAzDA,KAAyD,CAAlDC,IAAkD,QAAlDA,IAAkD,CAA5CC,QAA4C,QAA5CA,QAA4C;AAChG,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE;AACE,MAAA,KAAK,EAAE,EAAEJ,KAAK,EAALA,KAAF,EADT;AAEE,MAAA,SAAS,EAAE;AACRK,kDAAoBC,aAApB,CAAkCH,KAAlC,CADQ,IACmC,IADnC;AAERE,kDAAoBE,kBAApB,CAAuCJ,KAAvC,CAFQ,IAEwCF,IAAI,KAAK,OAAT,IAAoBA,IAAI,KAAKO,SAFrE;AAGRH,kDAAoBI,mBAApB,CAAwCN,KAAxC,CAHQ,IAGyCF,IAAI,KAAK,QAHlD;AAIRI,kDAAoBK,kBAApB,CAAuCP,KAAvC,CAJQ,IAIwCF,IAAI,KAAK,OAJjD,OAFb;;;AASGC,IAAAA,QATH,CADF;;;AAaD,CAhBM,C","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/cjs/components/Clickable/ClickableButtonWrapper.styles.d.ts

@@ -0,0 +1,7 @@
+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/cjs/components/Clickable/ClickableButtonWrapper.styles.js

@@ -0,0 +1,27 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.buttonWrapperStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var buttonWrapperStyles = (0, _Emotion.memoizeStyle)({
+  buttonWrapper: function buttonWrapper(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      box-sizing: border-box;\n      display: inline-block;\n      line-height: normal;\n      padding: ", ";\n    "])),
+
+
+
+    t.btnBorderWidth);
+
+  },
+  buttonWrapperSmall: function buttonWrapperSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+    t.btnHeightSmall);
+
+  },
+  buttonWrapperMedium: function buttonWrapperMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+    t.btnHeightMedium);
+
+  },
+  buttonWrapperLarge: function buttonWrapperLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      height: ", ";\n    "])),
+    t.btnHeightLarge);
+
+  } });exports.buttonWrapperStyles = buttonWrapperStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableButtonWrapper.styles.ts"],"names":["buttonWrapperStyles","buttonWrapper","t","css","btnBorderWidth","buttonWrapperSmall","btnHeightSmall","buttonWrapperMedium","btnHeightMedium","buttonWrapperLarge","btnHeightLarge"],"mappings":";AACA,oD;;AAEO,IAAMA,mBAAmB,GAAG,2BAAa;AAC9CC,EAAAA,aAD8C,yBAChCC,CADgC,EACtB;AACtB,eAAOC,YAAP;;;;AAIaD,IAAAA,CAAC,CAACE,cAJf;;AAMD,GAR6C;AAS9CC,EAAAA,kBAT8C,8BAS3BH,CAT2B,EASjB;AAC3B,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACI,cADd;;AAGD,GAb6C;AAc9CC,EAAAA,mBAd8C,+BAc1BL,CAd0B,EAchB;AAC5B,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACM,eADd;;AAGD,GAlB6C;AAmB9CC,EAAAA,kBAnB8C,8BAmB3BP,CAnB2B,EAmBjB;AAC3B,eAAOC,YAAP;AACYD,IAAAA,CAAC,CAACQ,cADd;;AAGD,GAvB6C,EAAb,CAA5B,C","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/cjs/components/Clickable/ClickableLink.d.ts

@@ -0,0 +1,5 @@
+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, isError, children }: ClickableLinkProps) => JSX.Element;

package/cjs/components/Clickable/ClickableLink.js

@@ -0,0 +1,28 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ClickableLink = void 0;var _react = _interopRequireDefault(require("react"));
+
+
+var _ClickableLinkChild = require("./ClickableLinkChild");
+var _ClickableLinkIcon = require("./ClickableLinkIcon");
+
+
+
+
+
+var ClickableLink = function ClickableLink(_ref) {var leftIcon = _ref.leftIcon,rightIcon = _ref.rightIcon,isLoading = _ref.isLoading,isFocused = _ref.isFocused,isError = _ref.isError,children = _ref.children;
+  return /*#__PURE__*/(
+    _react.default.createElement(_react.default.Fragment, null,
+    leftIcon && /*#__PURE__*/_react.default.createElement(_ClickableLinkIcon.ClickableLinkIcon, { icon: leftIcon, isLoading: isLoading, position: "left" }), /*#__PURE__*/
+    _react.default.createElement(_ClickableLinkChild.ClickableLinkChild, { isFocused: isFocused, isError: isError },
+    children),
+
+    rightIcon && /*#__PURE__*/
+    _react.default.createElement(_ClickableLinkIcon.ClickableLinkIcon, {
+      icon: rightIcon,
+      isLoading: isLoading,
+      position: "right",
+      hasBothIcons: !!leftIcon && !!rightIcon })));
+
+
+
+
+};exports.ClickableLink = ClickableLink;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableLink.tsx"],"names":["ClickableLink","leftIcon","rightIcon","isLoading","isFocused","isError","children"],"mappings":"2JAAA;;;AAGA;AACA;;;;;;AAMO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAA0F,KAAvFC,QAAuF,QAAvFA,QAAuF,CAA7EC,SAA6E,QAA7EA,SAA6E,CAAlEC,SAAkE,QAAlEA,SAAkE,CAAvDC,SAAuD,QAAvDA,SAAuD,CAA5CC,OAA4C,QAA5CA,OAA4C,CAAnCC,QAAmC,QAAnCA,QAAmC;AACrH;AACE;AACGL,IAAAA,QAAQ,iBAAI,6BAAC,oCAAD,IAAmB,IAAI,EAAEA,QAAzB,EAAmC,SAAS,EAAEE,SAA9C,EAAyD,QAAQ,EAAC,MAAlE,GADf;AAEE,iCAAC,sCAAD,IAAoB,SAAS,EAAEC,SAA/B,EAA0C,OAAO,EAAEC,OAAnD;AACGC,IAAAA,QADH,CAFF;;AAKGJ,IAAAA,SAAS;AACR,iCAAC,oCAAD;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,GANJ,CADF;;;;;AAgBD,CAjBM,C","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, isError, children }: ClickableLinkProps) => {\n  return (\n    <>\n      {leftIcon && <ClickableLinkIcon icon={leftIcon} isLoading={isLoading} position=\"left\" />}\n      <ClickableLinkChild isFocused={isFocused} isError={isError}>\n        {children}\n      </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/cjs/components/Clickable/ClickableLink.styles.d.ts

@@ -0,0 +1,21 @@
+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/cjs/components/Clickable/ClickableLink.styles.js

@@ -0,0 +1,134 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.linkStyles = exports.getLinkStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");
+var _Link = require("../Link/Link.mixins");
+
+var _Clickable = require("./Clickable.styles");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+var linkStyles = (0, _Emotion.memoizeStyle)({
+  linkRoot: function linkRoot() {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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    "])),
+
+
+
+    _Clickable.clickableGlobalClasses.text);
+
+
+
+
+  },
+
+  linkDefault: function linkDefault(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkColor, t.linkHoverColor, t.linkActiveColor),
+    _Clickable.clickableGlobalClasses.text,
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+
+  },
+  linkSuccess: function linkSuccess(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor),
+    _Clickable.clickableGlobalClasses.text,
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+
+  },
+  linkDanger: function linkDanger(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor),
+    _Clickable.clickableGlobalClasses.text,
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+
+  },
+  linkGrayed: function linkGrayed(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n      .", " {\n        :hover {\n          ", "\n        }\n      }\n    "])),
+    (0, _Link.linkUseColorsMixin)(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor),
+    _Clickable.clickableGlobalClasses.text,
+
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+
+  },
+
+  linkDisabled: function linkDisabled(t) {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      ", ";\n\n      color: ", " !important; // override root color\n\n      &:hover {\n        color: ", ";\n      }\n    "])),
+    (0, _Link.linkDisabledMixin)(),
+
+    t.linkDisabledColor,
+
+
+    t.linkDisabledColor);
+
+
+  },
+  linkDisabledDark: function linkDisabledDark(t) {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      .", " {\n        ", "\n      }\n    "])),
+    _Clickable.clickableGlobalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+  },
+
+  linkLineFocus: function linkLineFocus(t) {
+    return (0, _Emotion.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", ";\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkHoverColor,
+    _Clickable.clickableGlobalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+  },
+  linkLineFocusSuccess: function linkLineFocusSuccess(t) {
+    return (0, _Emotion.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkSuccessHoverColor,
+    _Clickable.clickableGlobalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+  },
+  linkLineFocusDanger: function linkLineFocusDanger(t) {
+    return (0, _Emotion.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkDangerHoverColor,
+    _Clickable.clickableGlobalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+  },
+  linkLineFocusGrayed: function linkLineFocusGrayed(t) {
+    return (0, _Emotion.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: ", " !important;\n      .", " {\n        ", "\n      }\n    "])),
+    t.linkGrayedHoverColor,
+    _Clickable.clickableGlobalClasses.text,
+    (0, _Link.linkUseLineHovered)(t.linkLineHoverBorderBottomStyle));
+
+
+  } });exports.linkStyles = linkStyles;
+
+
+
+
+
+
+
+var getLinkStyles = function getLinkStyles(_ref) {var _cx;var use = _ref.use,isFocused = _ref.isFocused,isNotInteractive = _ref.isNotInteractive,theme = _ref.theme;
+  return (0, _Emotion.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 && (0, _ThemeHelpers.isDarkTheme)(theme), _cx));
+
+};exports.getLinkStyles = getLinkStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableLink.styles.ts"],"names":["linkStyles","linkRoot","css","clickableGlobalClasses","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/cjs/components/Clickable/ClickableLinkChild.d.ts

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

package/cjs/components/Clickable/ClickableLinkChild.js

@@ -0,0 +1,40 @@
+"use strict";exports.__esModule = true;exports.ClickableLinkChild = void 0;var _react = _interopRequireWildcard(require("react"));
+
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Emotion = require("../../lib/theming/Emotion");
+var _forwardRefAndName = require("../../lib/forwardRefAndName");
+
+var _Clickable = require("./Clickable.styles");
+var _ClickableLinkChild = require("./ClickableLinkChild.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+
+
+
+
+
+
+var ClickableLinkChild = (0, _forwardRefAndName.forwardRefAndName)(
+'ClickableLinkChild',
+function (_ref, ref) {var _cx, _cx2;var isFocused = _ref.isFocused,isError = _ref.isError,children = _ref.children;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", {
+      ref: ref,
+      className: (0, _Emotion.cx)((_cx = {}, _cx[
+      _ClickableLinkChild.linkChildStyles.linkLineTextWrapper(theme)] = true, _cx[
+      _ClickableLinkChild.linkChildStyles.linkLineTextWrapperFocused(theme)] = isFocused, _cx[
+      _ClickableLinkChild.linkChildStyles.linkError(theme)] = isError, _cx)) }, /*#__PURE__*/
+
+
+    _react.default.createElement("span", {
+      className: (0, _Emotion.cx)((_cx2 = {}, _cx2[
+      _Clickable.clickableGlobalClasses.text] = true, _cx2[
+      _ClickableLinkChild.linkChildStyles.linkLineText(theme)] = true, _cx2)) },
+
+
+    children)));
+
+
+
+});exports.ClickableLinkChild = ClickableLinkChild;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableLinkChild.tsx"],"names":["ClickableLinkChild","ref","isFocused","isError","children","theme","ThemeContext","linkChildStyles","linkLineTextWrapper","linkLineTextWrapperFocused","linkError","clickableGlobalClasses","text","linkLineText"],"mappings":"2EAAA;;AAEA;AACA;AACA;;AAEA;AACA,iE;;;;;;;;AAQO,IAAMA,kBAAkB,GAAG;AAChC,oBADgC;AAEhC,gBAAmCC,GAAnC,EAA2C,mBAAxCC,SAAwC,QAAxCA,SAAwC,CAA7BC,OAA6B,QAA7BA,OAA6B,CAApBC,QAAoB,QAApBA,QAAoB;AACzC,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE;AACE,MAAA,GAAG,EAAEL,GADP;AAEE,MAAA,SAAS,EAAE;AACRM,0CAAgBC,mBAAhB,CAAoCH,KAApC,CADQ,IACqC,IADrC;AAERE,0CAAgBE,0BAAhB,CAA2CJ,KAA3C,CAFQ,IAE4CH,SAF5C;AAGRK,0CAAgBG,SAAhB,CAA0BL,KAA1B,CAHQ,IAG2BF,OAH3B,OAFb;;;AAQE;AACE,MAAA,SAAS,EAAE;AACRQ,wCAAuBC,IADf,IACsB,IADtB;AAERL,0CAAgBM,YAAhB,CAA6BR,KAA7B,CAFQ,IAE8B,IAF9B,QADb;;;AAMGD,IAAAA,QANH,CARF,CADF;;;;AAmBD,CAxB+B,CAA3B,C","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';\nimport { ClickableProps } from './Clickable';\n\nexport interface ClickableLinkChildProps extends Pick<ClickableProps, 'isError'> {\n  children: React.ReactNode;\n  isFocused: boolean;\n}\n\nexport const ClickableLinkChild = forwardRefAndName<HTMLSpanElement, ClickableLinkChildProps>(\n  'ClickableLinkChild',\n  ({ isFocused, isError, 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          [linkChildStyles.linkError(theme)]: isError,\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/cjs/components/Clickable/ClickableLinkChild.styles.d.ts

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

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

@@ -0,0 +1,42 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.linkChildStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var linkChildStyles = (0, _Emotion.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 (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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 (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      @supports (border-bottom-color: ", ") {\n        border-bottom-color: currentColor;\n      }\n    "])),
+    t.linkLineBorderBottomColor);
+
+
+
+  },
+  linkLineText: function linkLineText(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      border-bottom-style: ", ";\n      border-bottom-width: ", ";\n      border-bottom-color: ", ";\n    "])),
+    t.linkLineBorderBottomStyle,
+    t.linkLineBorderBottomWidth,
+    t.linkLineBorderBottomColor);
+
+  },
+
+  linkError: function linkError(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", ";\n      border-radius: 7px;\n      padding: 3px 5px;\n    "])),
+    t.linkErrorBgColor);
+
+
+
+  } });exports.linkChildStyles = linkChildStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableLinkChild.styles.ts"],"names":["linkChildStyles","linkLineTextWrapper","t","css","linkLineBorderBottomColor","transitionDuration","transitionTimingFunction","linkLineBorderBottomStyle","linkLineBorderBottomWidth","linkLineTextWrapperFocused","linkLineText","linkError","linkErrorBgColor"],"mappings":";AACA,oD;;AAEO,IAAMA,eAAe,GAAG,2BAAa;AAC1CC,EAAAA,mBAD0C,+BACtBC,CADsB,EACZ;AAC5B;AACA;AACA;;AAEA;AACA;AACA,eAAOC,YAAP;AACoCD,IAAAA,CAAC,CAACE,yBADtC;AAEsCF,IAAAA,CAAC,CAACG,kBAFxC,EAE8DH,CAAC,CAACI,wBAFhE;AAG2BJ,IAAAA,CAAC,CAACK,yBAH7B;AAI2BL,IAAAA,CAAC,CAACM,yBAJ7B;;;;AAQD,GAhByC;AAiB1CC,EAAAA,0BAjB0C,sCAiBfP,CAjBe,EAiBL;AACnC,eAAOC,YAAP;AACoCD,IAAAA,CAAC,CAACE,yBADtC;;;;AAKD,GAvByC;AAwB1CM,EAAAA,YAxB0C,wBAwB7BR,CAxB6B,EAwBnB;AACrB,eAAOC,YAAP;AACyBD,IAAAA,CAAC,CAACK,yBAD3B;AAEyBL,IAAAA,CAAC,CAACM,yBAF3B;AAGyBN,IAAAA,CAAC,CAACE,yBAH3B;;AAKD,GA9ByC;;AAgC1CO,EAAAA,SAhC0C,qBAgChCT,CAhCgC,EAgCtB;AAClB,eAAOC,YAAP;AACgBD,IAAAA,CAAC,CAACU,gBADlB;;;;AAKD,GAtCyC,EAAb,CAAxB,C","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  linkError(t: Theme) {\n    return css`\n      background: ${t.linkErrorBgColor};\n      border-radius: 7px;\n      padding: 3px 5px;\n    `;\n  },\n});\n"]}

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

@@ -0,0 +1,7 @@
+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/cjs/components/Clickable/ClickableLinkIcon.js

@@ -0,0 +1,30 @@
+"use strict";exports.__esModule = true;exports.ClickableLinkIcon = void 0;var _react = _interopRequireWildcard(require("react"));
+
+var _Emotion = require("../../lib/theming/Emotion");
+var _ThemeContext = require("../../lib/theming/ThemeContext");
+var _Spinner = require("../Spinner");
+
+
+var _ClickableLinkIcon = require("./ClickableLinkIcon.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+
+
+
+
+
+
+var ClickableLinkIcon = function ClickableLinkIcon(_ref) {var _cx;var icon = _ref.icon,isLoading = _ref.isLoading,hasBothIcons = _ref.hasBothIcons,position = _ref.position;
+  var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
+
+  return /*#__PURE__*/(
+    _react.default.createElement("span", {
+      className: (0, _Emotion.cx)((_cx = {}, _cx[
+      _ClickableLinkIcon.linkIconStyles.linkIcon(theme)] = true, _cx[
+      _ClickableLinkIcon.linkIconStyles.linkIconLeft(theme)] = position === 'left', _cx[
+      _ClickableLinkIcon.linkIconStyles.linkIconRight(theme)] = position === 'right', _cx)) },
+
+
+    isLoading && !hasBothIcons ? /*#__PURE__*/_react.default.createElement(_Spinner.Spinner, { caption: null, dimmed: true, inline: true }) : icon));
+
+
+};exports.ClickableLinkIcon = ClickableLinkIcon;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableLinkIcon.tsx"],"names":["ClickableLinkIcon","icon","isLoading","hasBothIcons","position","theme","ThemeContext","linkIconStyles","linkIcon","linkIconLeft","linkIconRight"],"mappings":"0EAAA;;AAEA;AACA;AACA;;;AAGA,+D;;;;;;;;AAQO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAAyE,aAAtEC,IAAsE,QAAtEA,IAAsE,CAAhEC,SAAgE,QAAhEA,SAAgE,CAArDC,YAAqD,QAArDA,YAAqD,CAAvCC,QAAuC,QAAvCA,QAAuC;AACxG,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE;AACE,MAAA,SAAS,EAAE;AACRC,wCAAeC,QAAf,CAAwBH,KAAxB,CADQ,IACyB,IADzB;AAERE,wCAAeE,YAAf,CAA4BJ,KAA5B,CAFQ,IAE6BD,QAAQ,KAAK,MAF1C;AAGRG,wCAAeG,aAAf,CAA6BL,KAA7B,CAHQ,IAG8BD,QAAQ,KAAK,OAH3C,OADb;;;AAOGF,IAAAA,SAAS,IAAI,CAACC,YAAd,gBAA6B,6BAAC,gBAAD,IAAS,OAAO,EAAE,IAAlB,EAAwB,MAAM,MAA9B,EAA+B,MAAM,MAArC,GAA7B,GAAwEF,IAP3E,CADF;;;AAWD,CAdM,C","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/cjs/components/Clickable/ClickableLinkIcon.styles.d.ts

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

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

@@ -0,0 +1,20 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.linkIconStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
+var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3;
+
+var linkIconStyles = (0, _Emotion.memoizeStyle)({
+  linkIcon: function linkIcon(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      margin-right: ", ";\n    "])),
+
+    t.linkIconMarginRight);
+
+  },
+  linkIconLeft: function linkIconLeft(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-right: ", ";\n    "])),
+    t.linkIconMarginRight);
+
+  },
+  linkIconRight: function linkIconRight(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      margin-left: ", ";\n    "])),
+    t.linkIconMarginLeft);
+
+  } });exports.linkIconStyles = linkIconStyles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["ClickableLinkIcon.styles.ts"],"names":["linkIconStyles","linkIcon","t","css","linkIconMarginRight","linkIconLeft","linkIconRight","linkIconMarginLeft"],"mappings":";AACA,oD;;AAEO,IAAMA,cAAc,GAAG,2BAAa;AACzCC,EAAAA,QADyC,oBAChCC,CADgC,EACtB;AACjB,eAAOC,YAAP;;AAEkBD,IAAAA,CAAC,CAACE,mBAFpB;;AAID,GANwC;AAOzCC,EAAAA,YAPyC,wBAO5BH,CAP4B,EAOlB;AACrB,eAAOC,YAAP;AACkBD,IAAAA,CAAC,CAACE,mBADpB;;AAGD,GAXwC;AAYzCE,EAAAA,aAZyC,yBAY3BJ,CAZ2B,EAYjB;AACtB,eAAOC,YAAP;AACiBD,IAAAA,CAAC,CAACK,kBADnB;;AAGD,GAhBwC,EAAb,CAAvB,C","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/cjs/components/Clickable/index.d.ts

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

package/cjs/components/Clickable/index.js

@@ -0,0 +1 @@
+"use strict";exports.__esModule = true;var _Clickable = require("./Clickable");Object.keys(_Clickable).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Clickable[key]) return;exports[key] = _Clickable[key];});

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

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

package/cjs/components/Clickable/utils.d.ts

@@ -0,0 +1,6 @@
+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" | "custom" | undefined;
+export declare const getRel: (rel: ClickableProps['rel'], href: string | undefined) => string | undefined;